From 6ff5f9c2b09a244bbb627eb7ab21d2154ba264c3 Mon Sep 17 00:00:00 2001
From: Jan-Hendrik Willms <tleilax+studip@gmail.com>
Date: Thu, 20 Jun 2024 11:06:40 +0000
Subject: [PATCH] fix usage of fade-out in scss (was migrated incorrectly from
less), fixes #4332
Closes #4332
Merge request studip/studip!3133
---
resources/assets/stylesheets/scss/messagebox.scss | 2 +-
resources/assets/stylesheets/scss/tables.scss | 8 ++++----
2 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/resources/assets/stylesheets/scss/messagebox.scss b/resources/assets/stylesheets/scss/messagebox.scss
index a928bb6c8d9..7f77f0fcf32 100644
--- a/resources/assets/stylesheets/scss/messagebox.scss
+++ b/resources/assets/stylesheets/scss/messagebox.scss
@@ -72,7 +72,7 @@ div.messagebox_details {
// Define modal messagebox
.modaloverlay {
- background: fadeout($base-color, 50%);
+ background: fade-out($base-color, 0.5);
position: fixed;
top: 0;
left: 0;
diff --git a/resources/assets/stylesheets/scss/tables.scss b/resources/assets/stylesheets/scss/tables.scss
index 9e05f014fdb..665a6f36fe4 100644
--- a/resources/assets/stylesheets/scss/tables.scss
+++ b/resources/assets/stylesheets/scss/tables.scss
@@ -504,7 +504,7 @@ table.default {
> thead {
> tr > th {
background-color: var(--content-color-20);
- border-bottom: 1px solid fadeout($brand-color-lighter, 80%);
+ border-bottom: 1px solid fade-out($brand-color-lighter, 0.8);
border-top: 1px solid var(--brand-color-darker);
font-size: 1.0em;
}
@@ -515,7 +515,7 @@ table.default {
> th {
background-color: var(--content-color-20);
border-top: 1px solid var(--brand-color-darker);
- border-bottom: 1px solid fadeout($brand-color-lighter, 80%);
+ border-bottom: 1px solid fade-out($brand-color-lighter, 0.8);
text-align: left;
}
@@ -580,7 +580,7 @@ table.default {
// Hover effect
&:not(.nohover) > tbody:not(.nohover) > tr:not(.nohover):hover > td:not(.nohover) {
- background-color: fadeout($light-gray-color, 80%);
+ background-color: fade-out($light-gray-color, 0.8);
}
&:not(.nohover) > tbody:not(.nohover) > tr.selected:not(.nohover):hover > td:not(.nohover) {
@@ -742,7 +742,7 @@ table.withdetails {
}
> tbody > tr.open > td {
- background-color: fadeout($light-gray-color, 80%);
+ background-color: fade-out($light-gray-color, 0.8);
}
> tbody > tr.open > td:first-child {
--
GitLab