aboutsummaryrefslogtreecommitdiff
path: root/src/components/update_notification/update_notification.scss
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2023-10-29 16:26:05 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2023-10-29 16:26:05 +0000
commitb6accf9e7f7ef5f23cbf8bac57e54cefa0db4620 (patch)
tree91d6db4e663dfa8f94991032220fd415a5612d17 /src/components/update_notification/update_notification.scss
parent321a131c20d83b0a7061c2b4600c4d77dec5b7fe (diff)
parentf685f9021bfaff71616efd8e83d114441e69701b (diff)
Merge branch 'develop' into 'master'
Update master branch See merge request pleroma/pleroma-fe!1861
Diffstat (limited to 'src/components/update_notification/update_notification.scss')
-rw-r--r--src/components/update_notification/update_notification.scss14
1 files changed, 8 insertions, 6 deletions
diff --git a/src/components/update_notification/update_notification.scss b/src/components/update_notification/update_notification.scss
index ce8129d0..4337acc4 100644
--- a/src/components/update_notification/update_notification.scss
+++ b/src/components/update_notification/update_notification.scss
@@ -1,4 +1,5 @@
-@import 'src/_variables.scss';
+@import "src/variables";
+
.UpdateNotification {
overflow: hidden;
}
@@ -21,7 +22,8 @@
@media all and (max-width: 800px) {
/* For mobile, the modal takes 100% of the available screen.
- This ensures the minimized modal is always 50px above the browser bottom bar regardless of whether or not it is visible.
+ This ensures the minimized modal is always 50px above the browser
+ bottom bar regardless of whether or not it is visible.
*/
width: 100vw;
}
@@ -44,7 +46,7 @@
}
.panel-body {
- border-width: 0 0 1px 0;
+ border-width: 0 0 1px;
border-style: solid;
border-color: var(--border, $fallback--border);
}
@@ -67,7 +69,7 @@
z-index: 20;
position: relative;
shape-margin: 0.5em;
- filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.5));
+ filter: drop-shadow(5px 5px 10px rgb(0 0 0 / 50%));
pointer-events: none;
}
@@ -94,7 +96,7 @@
}
&.-peek {
- /* Explanation:
+ /* Explanation:
* 100vh - 100% = Distance between modal's top+bottom boundaries and screen
* (100vh - 100%) / 2 = Distance between bottom (or top) boundary and screen
*/
@@ -103,7 +105,7 @@
.pleroma-tan {
float: right;
z-index: 10;
- shape-image-threshold: 0.7;
+ shape-image-threshold: 70%;
}
.extra-info-group {