Refine datemenu spacing

This commit is contained in:
Vladyslav Hroshev
2025-03-09 13:12:25 +02:00
parent f101817572
commit 3590a3c7a3
3 changed files with 19 additions and 12 deletions

View File

@@ -104,7 +104,7 @@
/* clear button */ /* clear button */
.message-list-clear-button { .message-list-clear-button {
padding: 0 20px; padding: 0 20px;
border-radius: 10px; border-radius: 9px;
} }
.message-list-clear-button:insensitive { .message-list-clear-button:insensitive {

View File

@@ -6,17 +6,13 @@
} }
/* Calendar menu side column */ /* Calendar menu side column */
.datemenu-calendar-column { .datemenu-calendar-column { spacing: 0px; }
spacing: 5px;
}
/* let's bring back issue #1 */ /* let's bring back issue #1 */
.datemenu-calendar-column:ltr { padding-left: 0; } .datemenu-calendar-column:ltr { margin-left: 0; }
.datemenu-calendar-column:rtl { padding-right: 0; } .datemenu-calendar-column:rtl { margin-right: 0; }
.datemenu-calendar-column .datemenu-displays-box { .datemenu-calendar-column .datemenu-displays-box { spacing: 0px; }
spacing: 5px;
}
/* today header button */ /* today header button */

View File

@@ -27,7 +27,6 @@
border-radius: 18px; border-radius: 18px;
} }
/* Message OSD */ /* Message OSD */
.notification-banner { .notification-banner {
background-color: BACKGROUND-COLOR; background-color: BACKGROUND-COLOR;
@@ -36,12 +35,15 @@
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
} }
/* Box layout for messages. I know looks weird but i can't find a better way to do it */
.message-list > StBoxLayout > StScrollView > StViewport { spacing: 8px; } /* gap between player and messages box */
.message-list > StBoxLayout > StScrollView > StViewport > StBoxLayout > StBoxLayout { spacing: 8px; } /* gap between messages */
/* messages in menus */ /* messages in menus */
.message-list .message, .popup-menu-content .message { .message-list .message, .popup-menu-content .message {
background-color: SECTION-COLOR; background-color: SECTION-COLOR;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; box-shadow: inset 0 0 0 1px BORDER-SHADOW;
border-radius: 15px; border-radius: 13px;
transition-duration: 100ms; transition-duration: 100ms;
} }
.message-list .message:hover { .message-list .message:hover {
@@ -92,10 +94,19 @@
color: TEXT-SECONDARY-COLOR; color: TEXT-SECONDARY-COLOR;
} }
/* message buttons */
.message-list .message-action-bin { padding: 2px; }
.message-action-bin StBoxLayout { spacing: 0; }
.message-list .message-action-bin * {
border-radius: 9px;
font-size: 14px;
}
/* Media Controls */ /* Media Controls */
.message-media-control { .message-media-control {
border-radius: 12px; border-radius: 9px;
/* currently disabled because of 46 */ /* currently disabled because of 46 */
/* padding: 0 14px; */ /* padding: 0 14px; */
/* margin: 20px 2px; */ /* margin: 20px 2px; */