From e02b09f405c81fd3eb612b0bb1f78f5860b0a5e8 Mon Sep 17 00:00:00 2001 From: pacien Date: Fri, 8 May 2020 19:10:52 +0200 Subject: viewer/style/global: factorise flex centering container --- viewer/src/assets/scss/global.scss | 11 +++++++++++ 1 file changed, 11 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 9444548..5d2e6dc 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss @@ -51,6 +51,17 @@ button svg + span { align-items: center; } +/** + * Class for containers that centers its content vertically and horizontally, + * preferably sticking to the container start if the container is smaller than the content. + */ +.container-vh-centering { + min-height: 100%; + display: flex; + align-items: center; + justify-content: center; +} + // === Links .link { -- cgit v1.2.3 From 037db071d42d4a7fdb8ed5cf88bc2c37fba4ae93 Mon Sep 17 00:00:00 2001 From: pacien Date: Tue, 19 May 2020 21:04:50 +0200 Subject: viewer/css/global: factorise util classes --- viewer/src/assets/scss/global.scss | 8 ++++++++ 1 file changed, 8 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 5d2e6dc..f95a54d 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss @@ -36,6 +36,9 @@ button svg + span { .nowrap { white-space: nowrap; } +.no-scroll { + overflow: hidden; +} .no-scroll-x { overflow-x: hidden; } @@ -51,6 +54,11 @@ button svg + span { align-items: center; } +.fill { + width: 100%; + height: 100%; +} + /** * Class for containers that centers its content vertically and horizontally, * preferably sticking to the container start if the container is smaller than the content. -- cgit v1.2.3 From 74e74844abd5340d7fb502cc8ed18f488fb65b51 Mon Sep 17 00:00:00 2001 From: Zero~Informatique Date: Wed, 19 Aug 2020 21:36:14 +0200 Subject: viewer: unifying scrollbar style (for FireFox) --- viewer/src/assets/scss/global.scss | 25 ++++++++++++++----------- 1 file changed, 14 insertions(+), 11 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 f95a54d..1c1000c 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss @@ -102,18 +102,21 @@ button svg + span { .scrollbar { overflow: auto; + scrollbar-color: $scrollbar-color transparent; + scrollbar-width: thin; + &::-webkit-scrollbar { + width: $scrollbar-width; + height: $scrollbar-width; + } + &::-webkit-scrollbar-corner { + background-color: transparent; + } + &::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 1px black; + background-color: $scrollbar-color; + } } -.scrollbar::-webkit-scrollbar { - width: $scrollbar-width; - height: $scrollbar-width; -} -.scrollbar::-webkit-scrollbar-corner { - background-color: transparent; -} -.scrollbar::-webkit-scrollbar-thumb { - box-shadow: inset 0 0 1px black; - background-color: $scrollbar-color; -} + // === Effect to apply on lazy-image loading -- cgit v1.2.3 From 7e0e108d1d5d9a86a33322432c3d7e8218961121 Mon Sep 17 00:00:00 2001 From: Zero~Informatique Date: Mon, 11 May 2020 22:42:20 +0200 Subject: viewer: item information (raw implementation) --- viewer/src/assets/scss/global.scss | 4 ++++ 1 file changed, 4 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 1c1000c..4d6c707 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss @@ -59,6 +59,10 @@ button svg + span { height: 100%; } +.flex-grow-1 { + flex-grow: 1; +} + /** * Class for containers that centers its content vertically and horizontally, * preferably sticking to the container start if the container is smaller than the content. -- cgit v1.2.3 From b46f0c99bb6f73ddc2ecdc0e47655b7110251cc9 Mon Sep 17 00:00:00 2001 From: Zero~Informatique Date: Thu, 20 Aug 2020 00:14:07 +0200 Subject: viewer: moved scrollbar SCSS definition to its own file --- viewer/src/assets/scss/global.scss | 20 -------------------- 1 file changed, 20 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 4d6c707..c82e1bc 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss @@ -102,26 +102,6 @@ button svg + span { } } -// === Scrollbar styling - -.scrollbar { - overflow: auto; - scrollbar-color: $scrollbar-color transparent; - scrollbar-width: thin; - &::-webkit-scrollbar { - width: $scrollbar-width; - height: $scrollbar-width; - } - &::-webkit-scrollbar-corner { - background-color: transparent; - } - &::-webkit-scrollbar-thumb { - box-shadow: inset 0 0 1px black; - background-color: $scrollbar-color; - } -} - - // === Effect to apply on lazy-image loading img { -- cgit v1.2.3