diff options
-rw-r--r-- | p/themes/Alternative-Dark/adark.css | 3 | ||||
-rw-r--r-- | p/themes/Alternative-Dark/adark.rtl.css | 3 | ||||
-rw-r--r-- | p/themes/Dark/dark.css | 1 | ||||
-rw-r--r-- | p/themes/Dark/dark.rtl.css | 1 | ||||
-rw-r--r-- | p/themes/Flat/flat.css | 2 | ||||
-rw-r--r-- | p/themes/Flat/flat.rtl.css | 2 | ||||
-rw-r--r-- | p/themes/Nord/nord.css | 2 | ||||
-rw-r--r-- | p/themes/Nord/nord.rtl.css | 2 | ||||
-rw-r--r-- | p/themes/Origine/origine.css | 3 | ||||
-rw-r--r-- | p/themes/Origine/origine.rtl.css | 3 | ||||
-rw-r--r-- | p/themes/Pafat/pafat.css | 3 | ||||
-rw-r--r-- | p/themes/Pafat/pafat.rtl.css | 3 | ||||
-rw-r--r-- | p/themes/Swage/swage.css | 3 | ||||
-rw-r--r-- | p/themes/Swage/swage.rtl.css | 3 | ||||
-rw-r--r-- | p/themes/Swage/swage.scss | 4 | ||||
-rw-r--r-- | p/themes/base-theme/frss.css | 4 | ||||
-rw-r--r-- | p/themes/base-theme/frss.rtl.css | 4 |
17 files changed, 35 insertions, 11 deletions
diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index ce45f036d..1d7c53c62 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -4,6 +4,7 @@ /*============*/ :root { --background-color-dark: #171717; + --background-color-dark-transparent: #171717aa; --background-color-middle: #1f1f1f; --background-color-light: #262626; --background-color-hover: #1d242f; @@ -140,7 +141,7 @@ th { /*=== Forms */ .form-group.form-actions { padding: 5px 0; - background: var(--background-color-dark); + background-color: var(--background-color-dark-transparent); border-top: 1px solid var(--border-color-dark); } diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index fff6e102f..08de1ba86 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -4,6 +4,7 @@ /*============*/ :root { --background-color-dark: #171717; + --background-color-dark-transparent: #171717aa; --background-color-middle: #1f1f1f; --background-color-light: #262626; --background-color-hover: #1d242f; @@ -140,7 +141,7 @@ th { /*=== Forms */ .form-group.form-actions { padding: 5px 0; - background: var(--background-color-dark); + background-color: var(--background-color-dark-transparent); border-top: 1px solid var(--border-color-dark); } diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index 453bd3301..a2cc94f20 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -14,6 +14,7 @@ /** Origine **/ --background-color-light: #1c1c1c; --background-color-light-shadowed: inherit; + --background-color-light-shadowed-transparent: #262626aa; --background-color-grey: #1c1c1c; --background-color-hover: #26303f; --background-color-flux-hover: #111; diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index 0d0477857..a6d90ba22 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -14,6 +14,7 @@ /** Origine **/ --background-color-light: #1c1c1c; --background-color-light-shadowed: inherit; + --background-color-light-shadowed-transparent: #262626aa; --background-color-grey: #1c1c1c; --background-color-hover: #26303f; --background-color-flux-hover: #111; diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 61622b840..f668e5bd6 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -112,7 +112,7 @@ th { .form-group.form-actions { margin: 15px 0 25px; padding: 5px 0; - background: #ecf0f1; + background-color: #e6ecedaa; border-top: 3px solid #bdc3c7; border-radius: 5px 5px 0 0; } diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index 35cd1d620..0a0788800 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -112,7 +112,7 @@ th { .form-group.form-actions { margin: 15px 0 25px; padding: 5px 0; - background: #ecf0f1; + background-color: #e6ecedaa; border-top: 3px solid #bdc3c7; border-radius: 5px 5px 0 0; } diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css index 7df84b20a..2d0cd16e0 100644 --- a/p/themes/Nord/nord.css +++ b/p/themes/Nord/nord.css @@ -31,6 +31,7 @@ --nord15-aurora: #b48ead; --main-background: var(--nordX-background); + --main-background-transparent: #242933cc; --accent-bg: var(--nord0-polarnight); --accent-border: var(--nord0-polarnight); --light-bg: var(--nord1-polarnight); @@ -190,6 +191,7 @@ table th, table td { .form-group.form-actions { margin: 2rem 0 5rem 0; + background-color: var(--main-background-transparent); } .form-group .group-name { diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css index ee20cc6e4..6786097d5 100644 --- a/p/themes/Nord/nord.rtl.css +++ b/p/themes/Nord/nord.rtl.css @@ -31,6 +31,7 @@ --nord15-aurora: #b48ead; --main-background: var(--nordX-background); + --main-background-transparent: #242933cc; --accent-bg: var(--nord0-polarnight); --accent-border: var(--nord0-polarnight); --light-bg: var(--nord1-polarnight); @@ -190,6 +191,7 @@ table th, table td { .form-group.form-actions { margin: 2rem 0 5rem 0; + background-color: var(--main-background-transparent); } .form-group .group-name { diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 99f8547ce..afdc3e0a5 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -9,6 +9,7 @@ --background-color-light-gradient2: #eee; --background-color-light: #fff; --background-color-light-shadowed: #f6f6f6; + --background-color-light-shadowed-transparent: #f0f0f0a8; --background-color-grey: #f0f0f0; --background-color-hover: #f6f6f6; @@ -177,7 +178,7 @@ th { .form-group.form-actions { margin-bottom: 40px; padding: 5px 0; - background-color: var(--background-color-light-shadowed); + background-color: var(--background-color-light-shadowed-transparent); border-top: 1px solid var(--border-color); } diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 8b88c4329..ee2ab8265 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -9,6 +9,7 @@ --background-color-light-gradient2: #eee; --background-color-light: #fff; --background-color-light-shadowed: #f6f6f6; + --background-color-light-shadowed-transparent: #f0f0f0a8; --background-color-grey: #f0f0f0; --background-color-hover: #f6f6f6; @@ -177,7 +178,7 @@ th { .form-group.form-actions { margin-bottom: 40px; padding: 5px 0; - background-color: var(--background-color-light-shadowed); + background-color: var(--background-color-light-shadowed-transparent); border-top: 1px solid var(--border-color); } diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 675b472fd..6a69bb569 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -21,6 +21,7 @@ --background-color-white: #fff; --background-color-grey-light: #fafafa; --background-color-grey: #f4f4f4; + --background-color-grey-transparent: #f3f3f3bb; --background-color-grey-hover: #f0f0f0; --background-color-grey-button-active: #eee; @@ -164,7 +165,7 @@ th { /*=== Forms */ .form-group.form-actions { padding: 5px 0; - background-color: var(--background-color-grey); + background-color: var(--background-color-grey-transparent); border-top: 1px solid var(--border-color-grey-light); } diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 78ed6f984..ac2c7772e 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -21,6 +21,7 @@ --background-color-white: #fff; --background-color-grey-light: #fafafa; --background-color-grey: #f4f4f4; + --background-color-grey-transparent: #f3f3f3bb; --background-color-grey-hover: #f0f0f0; --background-color-grey-button-active: #eee; @@ -164,7 +165,7 @@ th { /*=== Forms */ .form-group.form-actions { padding: 5px 0; - background-color: var(--background-color-grey); + background-color: var(--background-color-grey-transparent); border-top: 1px solid var(--border-color-grey-light); } diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 7321fac86..c741fbf08 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -17,6 +17,7 @@ --color-border-bad: #b0425b; --color-background-light: #fcfcfc; --color-background-light-darker: #e3e3e3; + --color-background-light-darker-transparent: rgba(217, 217, 217, 0.7333333333); --color-background-dark: #181621; --color-background-nav: #0062be; --color-background-nav-darker: #00488b; @@ -181,7 +182,7 @@ form th { .form-group.form-actions { margin: 15px 0 25px; padding: 5px 0; - background-color: var(--color-background-light-darker); + background-color: var(--color-background-light-darker-transparent); border-top: 3px solid var(--color-border-light-darker); } .form-group.form-actions .btn { diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index c46869e91..3e31a9487 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -17,6 +17,7 @@ --color-border-bad: #b0425b; --color-background-light: #fcfcfc; --color-background-light-darker: #e3e3e3; + --color-background-light-darker-transparent: rgba(217, 217, 217, 0.7333333333); --color-background-dark: #181621; --color-background-nav: #0062be; --color-background-nav-darker: #00488b; @@ -181,7 +182,7 @@ form th { .form-group.form-actions { margin: 15px 0 25px; padding: 5px 0; - background-color: var(--color-background-light-darker); + background-color: var(--color-background-light-darker-transparent); border-top: 3px solid var(--color-border-light-darker); } .form-group.form-actions .btn { diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index f05bf8ee4..979992659 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -11,6 +11,7 @@ $color_alert: #fa8052; $color_good: #5eaabf; $color_bad: #b0425b; $color_grey: #e3e3e3; +$color_grey_transparent: #d9d9d9bb; $color_stared: #fff6da; $color_unread: #fff3ed; $color_hover: #fff; @@ -37,6 +38,7 @@ $color_hover: #fff; --color-background-light: #{$color_light}; --color-background-light-darker: #{color.adjust( $color_light, $lightness: -10%)}; + --color-background-light-darker-transparent: #{$color_grey_transparent}; --color-background-dark: #{$color_text}; --color-background-nav: #{$color_nav}; --color-background-nav-darker: #{color.adjust( $color_nav, $lightness: -10%)}; @@ -223,7 +225,7 @@ form { &.form-actions { margin: 15px 0 25px; padding: 5px 0; - background-color: var(--color-background-light-darker); + background-color: var(--color-background-light-darker-transparent); border-top: 3px solid var(--color-border-light-darker); .btn { diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index adea1f6cc..90abbf254 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -431,7 +431,11 @@ td.numeric { } .form-group.form-actions { + position: sticky; + bottom: 0; + backdrop-filter: blur(2px) grayscale(1); min-width: 250px; + z-index: 80; } .form-group .group-name { diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 5684501c3..c6914ac89 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -431,7 +431,11 @@ td.numeric { } .form-group.form-actions { + position: sticky; + bottom: 0; + backdrop-filter: blur(2px) grayscale(1); min-width: 250px; + z-index: 80; } .form-group .group-name { |