From 1a6412e17077b8ea9939edfa9cc700db0730a1c6 Mon Sep 17 00:00:00 2001 From: Zero~Informatique Date: Thu, 30 Jan 2020 15:12:34 +0100 Subject: viewer: scrollbars styling closer to flat design --- viewer/src/assets/scss/global.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'viewer/src/assets/scss/global.scss') diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss index 1903c9e..6488dee 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss @@ -50,13 +50,14 @@ overflow: auto; } .scrollbar::-webkit-scrollbar { - width: 12px; + width: 10px; + height: 10px; } .scrollbar::-webkit-scrollbar-corner { background-color: transparent; } .scrollbar::-webkit-scrollbar-thumb { - box-shadow: inset 0 0 6px black; + box-shadow: inset 0 0 1px black; background-color: $toolbar-color; } -- cgit v1.2.3 From e86fd09f406bae45be9176784c6092b2469224c4 Mon Sep 17 00:00:00 2001 From: Zero~Informatique Date: Thu, 30 Jan 2020 17:04:38 +0100 Subject: viewer: picture display improvements --- viewer/src/assets/scss/global.scss | 3 +++ 1 file changed, 3 insertions(+) (limited to 'viewer/src/assets/scss/global.scss') diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss index 6488dee..645d4a0 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss @@ -72,6 +72,9 @@ margin: 1px; } } +img { + image-orientation: from-image; +} // === Effect to apply on lazy-image loading -- cgit v1.2.3 From 42105af46681d81959a5d5a9a16ec9e98463a92e Mon Sep 17 00:00:00 2001 From: Zero~Informatique Date: Thu, 30 Jan 2020 21:24:15 +0100 Subject: viewer: new breadcrumb. navigation buttons. and styling improvements --- viewer/src/assets/scss/global.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'viewer/src/assets/scss/global.scss') diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss index 645d4a0..3cfa1a5 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss @@ -44,6 +44,21 @@ align-items: center; } +// === Links + +.link { + color: $link; + cursor: pointer; + text-decoration: none; + & :hover { + color: $link-hover; + } +} + +.disabled { + color: $disabled-color !important; +} + // === Scrollbar styling .scrollbar { -- cgit v1.2.3 From 17b1598c5a5a375e6eaa0763767368c05ba0f56e Mon Sep 17 00:00:00 2001 From: Zero~Informatique Date: Thu, 30 Jan 2020 22:58:27 +0100 Subject: viewer: Improved the proposition layout --- viewer/src/assets/scss/global.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'viewer/src/assets/scss/global.scss') diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss index 3cfa1a5..b418911 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss @@ -32,6 +32,9 @@ .nowrap { white-space: nowrap; } +.no-scroll-x { + overflow-x: hidden; +} .flex { display: flex; @@ -50,7 +53,7 @@ color: $link; cursor: pointer; text-decoration: none; - & :hover { + &:hover { color: $link-hover; } } -- cgit v1.2.3