This is an automated email from the git hooks/post-receive script. New commit to branch bow-v2-go in repository bow. See https://gitlab.nuiton.org/chorem/bow.git commit 9b374b14adba4cce735939b49e7d2e3cbb9db3d6 Author: kaufmann <kaufmann@codelutin.com> Date: Wed Aug 5 17:49:52 2020 +0200 Modifications d'affichage des boutons --- web/src/components/common/Button.vue | 49 ++++++++++++++---------------------- 1 file changed, 19 insertions(+), 30 deletions(-) diff --git a/web/src/components/common/Button.vue b/web/src/components/common/Button.vue index ab7bfcf..6799618 100644 --- a/web/src/components/common/Button.vue +++ b/web/src/components/common/Button.vue @@ -25,56 +25,45 @@ padding: var(--margin--tiny) var(--margin--small); + color: var(--color-main); + font-size: 16px; + background-color: transparent; border: 2px solid var(--color-main); border-right-color: var(--color-main--darker); border-top-color: var(--color-main--darker); border-radius: 2px; - color: var(--color-main); - cursor: pointer; outline: none; - transition: color 0.3s ease , border 1s ease ; - - &::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - - background: linear-gradient(to top right, var(--color-main), var(--color-main--darker)); - opacity: 0.2; - - transform: scaleY(0.1); - transform-origin: bottom; - transition: all 0.2s ease-in-out; - z-index: -1; - } + transition: 0.25s ease; &:hover:not(:disabled) { color: white; - &::after { - transform: scaleY(1); - - opacity: 0.8 - } - } - - &:not(:disabled) { + border-color: var(--color-hover); + background: var(--color-hover); + box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.15); cursor: pointer; } + &:disabled { - background-color: #EEE; - color: #777; + color: var(--color-grey); + background-color: var(--color-separation-border); + border-color: var(--color-separation-border); + cursor: not-allowed; } &[filled] { background-color: var(--color-main); color: #FFF; } + + &[primary] { + color: white; + + background-color: var(--color-main); + border-color: var(--color-main--darker); + } } -- To stop receiving notification emails like this one, please contact chorem.org SCM administrator <admin+scm@chorem.org>.