pull/198/head
vinceliuice 4 years ago
parent 990a1528ca
commit d34e159d64

@ -11,7 +11,7 @@
// overall menu // overall menu
#calendarArea { #calendarArea {
padding: $container_padding 0 !important; padding: 8px 0;
} }
.calendar { .calendar {
@ -221,7 +221,7 @@
.world-clocks-button, .world-clocks-button,
.weather-button, .weather-button,
.events-button { .events-button {
padding: $container_padding 8px; padding: $container_padding $container_padding * 2;
border-radius: $material_radius; border-radius: $material_radius;
border: none; border: none;
box-shadow: none; box-shadow: none;

@ -44,29 +44,38 @@
// icon container // icon container
.message-icon-bin { .message-icon-bin {
padding: $container_padding * 3 0; padding: $container_padding * 3;
margin-left: $container_padding * 2; padding-right: $container_padding;
&:rtl {
padding-right: $container_padding;
}
// icon size and color // icon size and color
> StIcon { > StIcon {
icon-size: 36px; icon-size: 36px;
// -st-icon-style: symbolic; -st-icon-style: symbolic;
} }
// fallback // fallback
> .fallback-app-icon { > .fallback-app-icon {
width: 16px;
height: 16px;
} }
} }
// content // content
.message-content { .message-content {
padding: $container_padding * 2; spacing: 4px;
padding: $container_padding * 1.5;
margin-bottom: $container_margin * 2;
color: $secondary_fg_color; color: $secondary_fg_color;
} }
// title // title
.message-title { .message-title {
font-weight: bold; font-weight: bold;
padding-top: 0.57em;
// margin-top: $container_padding; // margin-top: $container_padding;
} }
@ -77,7 +86,7 @@
// notification time stamp // notification time stamp
> .event-time { > .event-time {
color: $secondary_fg_color; color: $secondary_fg_color;
font-size: 1em; font-size: 0.9em;
padding-bottom: 0.13em; padding-bottom: 0.13em;
&:ltr { text-align: right }; &:ltr { text-align: right };
@ -112,7 +121,7 @@
/* Media Controls */ /* Media Controls */
.message-media-control { .message-media-control {
margin: ($container_padding * 2 + 10px) 4px; margin: ($container_padding * 2 + 10px) 4px;
padding: $container_padding * 1.5; padding: $container_padding * 2;
border-radius: $circular_radius; border-radius: $circular_radius;
color: $secondary_fg_color; color: $secondary_fg_color;
&:hover, &:focus { color: $fg_color; background-color: $divider_color; } &:hover, &:focus { color: $fg_color; background-color: $divider_color; }
@ -132,10 +141,10 @@
// when there is no artwork // when there is no artwork
&.fallback { &.fallback {
background-color: $divider_color; background-color: $divider_color;
padding: 8px; padding: $container_padding * 2;
color: $hint_fg_color; color: $hint_fg_color;
border: none; border: none;
border-radius: $circular_radius; border-radius: $buttons_radius;
icon-size: 24px !important; icon-size: 24px !important;
} }
} }

@ -574,7 +574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
#calendarArea { #calendarArea {
padding: 4px 0 !important; padding: 8px 0;
} }
.calendar { .calendar {
@ -991,21 +991,34 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.message .message-icon-bin { .message .message-icon-bin {
padding: 12px 0; padding: 12px;
margin-left: 8px; padding-right: 4px;
}
.message .message-icon-bin:rtl {
padding-right: 4px;
} }
.message .message-icon-bin > StIcon { .message .message-icon-bin > StIcon {
icon-size: 36px; icon-size: 36px;
-st-icon-style: symbolic;
}
.message .message-icon-bin > .fallback-app-icon {
width: 16px;
height: 16px;
} }
.message .message-content { .message .message-content {
padding: 8px; spacing: 4px;
padding: 6px;
margin-bottom: 4px;
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
} }
.message .message-title { .message .message-title {
font-weight: bold; font-weight: bold;
padding-top: 0.57em;
} }
.message .message-secondary-bin { .message .message-secondary-bin {
@ -1014,7 +1027,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.message .message-secondary-bin > .event-time { .message .message-secondary-bin > .event-time {
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
font-size: 1em; font-size: 0.9em;
padding-bottom: 0.13em; padding-bottom: 0.13em;
} }
@ -1059,7 +1072,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Media Controls */ /* Media Controls */
.message-media-control { .message-media-control {
margin: 18px 4px; margin: 18px 4px;
padding: 6px; padding: 8px;
border-radius: 9999px; border-radius: 9999px;
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
} }
@ -1097,7 +1110,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
padding: 8px; padding: 8px;
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
border: none; border: none;
border-radius: 9999px; border-radius: 8px;
icon-size: 24px !important; icon-size: 24px !important;
} }

@ -574,7 +574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
#calendarArea { #calendarArea {
padding: 4px 0 !important; padding: 8px 0;
} }
.calendar { .calendar {
@ -991,21 +991,34 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.message .message-icon-bin { .message .message-icon-bin {
padding: 12px 0; padding: 12px;
margin-left: 8px; padding-right: 4px;
}
.message .message-icon-bin:rtl {
padding-right: 4px;
} }
.message .message-icon-bin > StIcon { .message .message-icon-bin > StIcon {
icon-size: 36px; icon-size: 36px;
-st-icon-style: symbolic;
}
.message .message-icon-bin > .fallback-app-icon {
width: 16px;
height: 16px;
} }
.message .message-content { .message .message-content {
padding: 8px; spacing: 4px;
padding: 6px;
margin-bottom: 4px;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
} }
.message .message-title { .message .message-title {
font-weight: bold; font-weight: bold;
padding-top: 0.57em;
} }
.message .message-secondary-bin { .message .message-secondary-bin {
@ -1014,7 +1027,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.message .message-secondary-bin > .event-time { .message .message-secondary-bin > .event-time {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
font-size: 1em; font-size: 0.9em;
padding-bottom: 0.13em; padding-bottom: 0.13em;
} }
@ -1059,7 +1072,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Media Controls */ /* Media Controls */
.message-media-control { .message-media-control {
margin: 18px 4px; margin: 18px 4px;
padding: 6px; padding: 8px;
border-radius: 9999px; border-radius: 9999px;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
} }
@ -1097,7 +1110,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
padding: 8px; padding: 8px;
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
border: none; border: none;
border-radius: 9999px; border-radius: 8px;
icon-size: 24px !important; icon-size: 24px !important;
} }

@ -574,7 +574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
#calendarArea { #calendarArea {
padding: 6px 0 !important; padding: 8px 0;
} }
.calendar { .calendar {
@ -817,7 +817,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.world-clocks-button, .world-clocks-button,
.weather-button, .weather-button,
.events-button { .events-button {
padding: 6px 8px; padding: 6px 12px;
border-radius: 8px; border-radius: 8px;
border: none; border: none;
box-shadow: none; box-shadow: none;
@ -991,21 +991,34 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.message .message-icon-bin { .message .message-icon-bin {
padding: 18px 0; padding: 18px;
margin-left: 12px; padding-right: 6px;
}
.message .message-icon-bin:rtl {
padding-right: 6px;
} }
.message .message-icon-bin > StIcon { .message .message-icon-bin > StIcon {
icon-size: 36px; icon-size: 36px;
-st-icon-style: symbolic;
}
.message .message-icon-bin > .fallback-app-icon {
width: 16px;
height: 16px;
} }
.message .message-content { .message .message-content {
padding: 12px; spacing: 4px;
padding: 9px;
margin-bottom: 8px;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
} }
.message .message-title { .message .message-title {
font-weight: bold; font-weight: bold;
padding-top: 0.57em;
} }
.message .message-secondary-bin { .message .message-secondary-bin {
@ -1014,7 +1027,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.message .message-secondary-bin > .event-time { .message .message-secondary-bin > .event-time {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
font-size: 1em; font-size: 0.9em;
padding-bottom: 0.13em; padding-bottom: 0.13em;
} }
@ -1059,7 +1072,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Media Controls */ /* Media Controls */
.message-media-control { .message-media-control {
margin: 22px 4px; margin: 22px 4px;
padding: 9px; padding: 12px;
border-radius: 9999px; border-radius: 9999px;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
} }
@ -1094,10 +1107,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.media-message-cover-icon.fallback { .media-message-cover-icon.fallback {
background-color: rgba(255, 255, 255, 0.06); background-color: rgba(255, 255, 255, 0.06);
padding: 8px; padding: 12px;
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
border: none; border: none;
border-radius: 9999px; border-radius: 8px;
icon-size: 24px !important; icon-size: 24px !important;
} }

@ -574,7 +574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
#calendarArea { #calendarArea {
padding: 6px 0 !important; padding: 8px 0;
} }
.calendar { .calendar {
@ -817,7 +817,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.world-clocks-button, .world-clocks-button,
.weather-button, .weather-button,
.events-button { .events-button {
padding: 6px 8px; padding: 6px 12px;
border-radius: 8px; border-radius: 8px;
border: none; border: none;
box-shadow: none; box-shadow: none;
@ -991,21 +991,34 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.message .message-icon-bin { .message .message-icon-bin {
padding: 18px 0; padding: 18px;
margin-left: 12px; padding-right: 6px;
}
.message .message-icon-bin:rtl {
padding-right: 6px;
} }
.message .message-icon-bin > StIcon { .message .message-icon-bin > StIcon {
icon-size: 36px; icon-size: 36px;
-st-icon-style: symbolic;
}
.message .message-icon-bin > .fallback-app-icon {
width: 16px;
height: 16px;
} }
.message .message-content { .message .message-content {
padding: 12px; spacing: 4px;
padding: 9px;
margin-bottom: 8px;
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
} }
.message .message-title { .message .message-title {
font-weight: bold; font-weight: bold;
padding-top: 0.57em;
} }
.message .message-secondary-bin { .message .message-secondary-bin {
@ -1014,7 +1027,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.message .message-secondary-bin > .event-time { .message .message-secondary-bin > .event-time {
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
font-size: 1em; font-size: 0.9em;
padding-bottom: 0.13em; padding-bottom: 0.13em;
} }
@ -1059,7 +1072,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Media Controls */ /* Media Controls */
.message-media-control { .message-media-control {
margin: 22px 4px; margin: 22px 4px;
padding: 9px; padding: 12px;
border-radius: 9999px; border-radius: 9999px;
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
} }
@ -1094,10 +1107,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.media-message-cover-icon.fallback { .media-message-cover-icon.fallback {
background-color: rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.12);
padding: 8px; padding: 12px;
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
border: none; border: none;
border-radius: 9999px; border-radius: 8px;
icon-size: 24px !important; icon-size: 24px !important;
} }

Loading…
Cancel
Save