VesperOS/marble-shell-theme-packaging
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimize styles: added comments, fixed some styles, changed some styles order

Browse Source
This commit is contained in:
Vladyslav Hroshev
2023-06-20 13:56:14 +03:00
parent f3dd3eb436
commit d4c8eddd8a
17 changed files with 435 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/messages.css
+20 -40
View File
@@ -1,18 +1,17 @@
/* Messages */
/* datemenu message-list */
.message-list {
border: none;
border: none; /* remove border between messages and calendar section */
padding: 0;
}
.message-list-sections:ltr {
margin-right: 0px;
}
.message-list-sections:rtl {
margin-left: 0px;
}
/* remove right margin in message list section (datemenu) */
.message-list-sections:ltr { margin-right: 0px; }
.message-list-sections:rtl { margin-left: 0px; }
/* popup messages */
.message {
background-color: BACKGROUND-COLOR;
color: TEXT-PRIMARY-COLOR;
@@ -22,35 +21,34 @@
}
/* messages in menus */
.message-list .message, .popup-menu-content .message {
background-color: SECTION-COLOR;
border: 1px solid BORDER-SHADOW;
box-shadow: none;
transition-duration: 100ms;
}
.message-list .message:hover {
background-color: ACCENT-DISABLED-COLOR;
}
.message-list .message:focus {
background-color: ACCENT-OPACITY-COLOR;
box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important;
}
/* text / header in message */
.message .message-body,
.message-title {
color: TEXT-PRIMARY-COLOR;
}
.message-dialog-content .message-dialog-title {
font-weight: 700;
}
.message .message-secondary-bin>.event-time {
/* message time stamp */
.message .message-secondary-bin > .event-time {
color: TEXT-SECONDARY-COLOR;
}
/* close button */
.message-close-button {
border-radius: 9px;
color: TEXT-PRIMARY-COLOR;
@@ -83,27 +81,20 @@
color: TEXT-PRIMARY-COLOR;
}
.message-media-control:insensitive {
color: TEXT-DISABLED-COLOR
}
.message-media-control:insensitive { color: TEXT-DISABLED-COLOR; }
.message-media-control:last-child:ltr {
margin-right: 20px;
}
/* fix margin for last button */
.message-media-control:last-child:ltr { margin-right: 20px; }
.message-media-control:last-child:rtl { margin-left: 12px; }
.message-media-control:last-child:rtl {
margin-left: 12px;
}
.message-media-control StIcon {
icon-size: 1.09em;
}
/* album art */
.media-message-cover-icon {
icon-size: 3.2em !important;
border-radius: 12px;
}
/* when there is no artwork */
.media-message-cover-icon.fallback {
color: TEXT-PRIMARY-COLOR;
background-color: ACCENT-DISABLED_HOVER;
@@ -114,16 +105,5 @@
}
/* Notifications */
.notification-banner {
background-color: BACKGROUND-COLOR;
color: TEXT-PRIMARY-COLOR;
}
.notification-button:active {
background-color: ACCENT-COLOR;
color: TEXT-PRIMARY-COLOR;
}
/* url color */
.url-highlighter { link-color: ACCENT-SECONDARY-COLOR; }