This is an automated email from the git hooks/post-receive script. New commit to branch refonteUI-2017 in repository bow. See https://gitlab.nuiton.org/chorem/bow.git commit b0e2796ed9b8aaae411c0cc04295f1b4affc91f1 Author: kaufmann <kaufmann@codelutin.com> Date: Thu Feb 6 16:08:33 2020 +0100 Ajout d'animations et améliorations de dispositions des éléments et des marges --- bow-ui/src/main/less/base/_header.less | 1 + bow-ui/src/main/less/bow.less | 1 + bow-ui/src/main/less/common/_animation.less | 10 ++++++++++ bow-ui/src/main/less/common/_bookmark-grid.less | 4 ++++ bow-ui/src/main/less/common/_bookmark-list.less | 14 ++++++++++++++ bow-ui/src/main/less/common/_bookmark.less | 23 +++++++++++++++-------- bow-ui/src/main/less/components/connexion.less | 1 + bow-ui/src/main/less/variables/_colors.less | 1 + 8 files changed, 47 insertions(+), 8 deletions(-) diff --git a/bow-ui/src/main/less/base/_header.less b/bow-ui/src/main/less/base/_header.less index 8811943..d5b1177 100644 --- a/bow-ui/src/main/less/base/_header.less +++ b/bow-ui/src/main/less/base/_header.less @@ -23,6 +23,7 @@ .header-logo { text-align: center; + animation: reveal-down 1s ease; img { filter: brightness(0) invert(1); diff --git a/bow-ui/src/main/less/bow.less b/bow-ui/src/main/less/bow.less index 55e5143..2396f8b 100644 --- a/bow-ui/src/main/less/bow.less +++ b/bow-ui/src/main/less/bow.less @@ -17,6 +17,7 @@ @import "base/_layout"; @import "base/_sidebar"; +@import "common/_animation"; @import "common/_bookmark"; @import "common/_bookmark-list"; @import "common/_bookmark-grid"; diff --git a/bow-ui/src/main/less/common/_animation.less b/bow-ui/src/main/less/common/_animation.less new file mode 100644 index 0000000..4d4c729 --- /dev/null +++ b/bow-ui/src/main/less/common/_animation.less @@ -0,0 +1,10 @@ +@keyframes reveal-down { + 0% { + opacity: 0; + margin-top: -30px; + } + 100% { + opacity: 1; + margin-top: 0; + } +} \ No newline at end of file diff --git a/bow-ui/src/main/less/common/_bookmark-grid.less b/bow-ui/src/main/less/common/_bookmark-grid.less index bde4607..c4ad2c0 100644 --- a/bow-ui/src/main/less/common/_bookmark-grid.less +++ b/bow-ui/src/main/less/common/_bookmark-grid.less @@ -88,6 +88,10 @@ display: block; } } + + .pagination { + width: 100%; + } } @media screen and (min-width: @screen-desktop-low) { diff --git a/bow-ui/src/main/less/common/_bookmark-list.less b/bow-ui/src/main/less/common/_bookmark-list.less index a152af0..6cc4e51 100644 --- a/bow-ui/src/main/less/common/_bookmark-list.less +++ b/bow-ui/src/main/less/common/_bookmark-list.less @@ -22,7 +22,21 @@ .bookmark-favicon { } + .bookmark-link { + display: inline-block; + + margin-bottom: @default-marge--small; + } + .bookmark-description { + padding-top: @default-marge--small; + + color: @color-text-secondary; + } + + .bookmark-creation-date, + .bookmark-nb-click { + color: @color-text-secondary; } .bookmark-icon { diff --git a/bow-ui/src/main/less/common/_bookmark.less b/bow-ui/src/main/less/common/_bookmark.less index d6b85b4..84fc861 100644 --- a/bow-ui/src/main/less/common/_bookmark.less +++ b/bow-ui/src/main/less/common/_bookmark.less @@ -91,7 +91,6 @@ .bookmark-title { color: @color-bookmark-title; - font-size: 120%; } .bookmark-link { @@ -110,14 +109,22 @@ font-size: 90%; } -.bookmark-description { - padding: @default-marge--small 0; -} - .bookmark-tags .tag { - color: inherit; - padding: @default-marge--small / 3 @default-marge--small / 4; - background: rgba(255,255,255,0.1); + display: inline-block; + + margin-bottom: @default-marge--tiny; + padding: @default-marge--tiny @default-marge--small; + + background: @color-background-tag-cloud; + border-radius: 10px; + color: #FFF; + font-weight: normal; + + transition: background 0.3s ease; + + &:hover { + background: @color-link-hover; + } } diff --git a/bow-ui/src/main/less/components/connexion.less b/bow-ui/src/main/less/components/connexion.less index c7837e9..d17c831 100644 --- a/bow-ui/src/main/less/components/connexion.less +++ b/bow-ui/src/main/less/components/connexion.less @@ -63,6 +63,7 @@ border-radius: 10px 10px 0 0; box-shadow: 0 -16px 23px #0001; + animation: reveal-down 1s ease; } } diff --git a/bow-ui/src/main/less/variables/_colors.less b/bow-ui/src/main/less/variables/_colors.less index c5e7f27..52c62c2 100644 --- a/bow-ui/src/main/less/variables/_colors.less +++ b/bow-ui/src/main/less/variables/_colors.less @@ -32,4 +32,5 @@ @color-separation-border : #EEE; @color-text : @color-black; +@color-text-secondary : @color-grey; -- To stop receiving notification emails like this one, please contact chorem.org SCM administrator <admin+scm@chorem.org>.