mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-06 03:34:40 +00:00
fix: timetable quickbar arrow when placed above recieving incorrect colour
This commit is contained in:
+22
-9
@@ -576,29 +576,42 @@ ol:has(.MessageList__avatar___2wxyb svg) {
|
||||
clip-path: polygon(50% 40%, 0 100%, 100% 100%);
|
||||
border-bottom-color: transparent !important;
|
||||
}
|
||||
#main > .timetablepage > .quickbar.below::before {
|
||||
#main > .timetablepage > .quickbar {
|
||||
&.below::before {
|
||||
top: -23px;
|
||||
background-color: inherit;
|
||||
clip-path: polygon(50% 40%, 0 100%, 100% 100%);
|
||||
border-bottom-color: transparent !important;
|
||||
}
|
||||
#main > .timetablepage > .quickbar.above::after {
|
||||
}
|
||||
|
||||
&.above[data-yiq="light"]::after {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
&.above[data-yiq="dark"]::after {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
&.above::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -23px;
|
||||
z-index: 2;
|
||||
bottom: -24px;
|
||||
z-index: 0;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -12px;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
clip-path: polygon(50% 40%, 0 0, 100% 0);
|
||||
border: 12px solid rgba(255, 255, 255, 0);
|
||||
border-top-color: transparent;
|
||||
}
|
||||
#main > .timetablepage > .quickbar.above::before {
|
||||
}
|
||||
|
||||
&.above::before {
|
||||
border-bottom-color: transparent !important;
|
||||
bottom: -23px !important;
|
||||
border-top-color: transparent !important;
|
||||
bottom: -24px !important;
|
||||
z-index: -1 !important;
|
||||
background-color: inherit;
|
||||
clip-path: polygon(50% 40%, 0 0, 100% 0);
|
||||
}
|
||||
}
|
||||
#main .timetablepage .actions a,
|
||||
#main .timetablepage .actions button {
|
||||
|
||||
Reference in New Issue
Block a user