Fixed #57
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@@ -765,9 +765,9 @@ StWidget.focused .app-well-app-running-dot {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.modal-dialog-linked-button {
|
.modal-dialog-linked-button {
|
||||||
min-height: 32px;
|
min-height: 32px !important;
|
||||||
padding: 6px;
|
padding: 6px !important;
|
||||||
margin: 3px;
|
margin: 3px !important;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
@@ -1685,12 +1685,32 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.message-list:ltr {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
border-right-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-list:rtl {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
border-left-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.message-list .message-list-placeholder {
|
.message-list .message-list-placeholder {
|
||||||
spacing: 12px;
|
spacing: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.message-list .message-list-placeholder > StIcon {
|
||||||
|
icon-size: 48px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
-st-icon-style: symbolic;
|
||||||
|
}
|
||||||
|
|
||||||
.message-list-sections {
|
.message-list-sections {
|
||||||
margin: 0 16px;
|
margin: 0 8px 0 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-list-section,
|
.message-list-section,
|
||||||
@@ -1733,7 +1753,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
|||||||
color: rgba(255, 255, 255, 0.5);
|
color: rgba(255, 255, 255, 0.5);
|
||||||
font-size: 9pt;
|
font-size: 9pt;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-bottom: 0.13em;
|
padding-bottom: 0.12em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message .message-secondary-bin > .event-time:ltr {
|
.message .message-secondary-bin > .event-time:ltr {
|
||||||
@@ -1750,7 +1770,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.message .message-content {
|
.message .message-content {
|
||||||
padding: 14px;
|
padding: 9px;
|
||||||
|
margin-bottom: 8px;
|
||||||
spacing: 4px;
|
spacing: 4px;
|
||||||
color: rgba(255, 255, 255, 0.5);
|
color: rgba(255, 255, 255, 0.5);
|
||||||
}
|
}
|
||||||
@@ -1811,7 +1832,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.media-message-cover-icon {
|
.media-message-cover-icon {
|
||||||
icon-size: 32px !important;
|
icon-size: 48px;
|
||||||
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-message-cover-icon.fallback {
|
.media-message-cover-icon.fallback {
|
||||||
|
@@ -765,9 +765,9 @@ StWidget.focused .app-well-app-running-dot {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.modal-dialog-linked-button {
|
.modal-dialog-linked-button {
|
||||||
min-height: 32px;
|
min-height: 32px !important;
|
||||||
padding: 6px;
|
padding: 6px !important;
|
||||||
margin: 3px;
|
margin: 3px !important;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
@@ -1685,12 +1685,32 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.message-list:ltr {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
border-right-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-list:rtl {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
border-left-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.message-list .message-list-placeholder {
|
.message-list .message-list-placeholder {
|
||||||
spacing: 12px;
|
spacing: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.message-list .message-list-placeholder > StIcon {
|
||||||
|
icon-size: 48px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
-st-icon-style: symbolic;
|
||||||
|
}
|
||||||
|
|
||||||
.message-list-sections {
|
.message-list-sections {
|
||||||
margin: 0 16px;
|
margin: 0 8px 0 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-list-section,
|
.message-list-section,
|
||||||
@@ -1733,7 +1753,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
|||||||
color: rgba(0, 0, 0, 0.38);
|
color: rgba(0, 0, 0, 0.38);
|
||||||
font-size: 9pt;
|
font-size: 9pt;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-bottom: 0.13em;
|
padding-bottom: 0.12em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message .message-secondary-bin > .event-time:ltr {
|
.message .message-secondary-bin > .event-time:ltr {
|
||||||
@@ -1750,7 +1770,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.message .message-content {
|
.message .message-content {
|
||||||
padding: 14px;
|
padding: 9px;
|
||||||
|
margin-bottom: 8px;
|
||||||
spacing: 4px;
|
spacing: 4px;
|
||||||
color: rgba(0, 0, 0, 0.38);
|
color: rgba(0, 0, 0, 0.38);
|
||||||
}
|
}
|
||||||
@@ -1811,7 +1832,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.media-message-cover-icon {
|
.media-message-cover-icon {
|
||||||
icon-size: 32px !important;
|
icon-size: 48px;
|
||||||
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-message-cover-icon.fallback {
|
.media-message-cover-icon.fallback {
|
||||||
|
@@ -1556,6 +1556,10 @@ searchbar > revealer > box {
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
searchbar > revealer > box entry {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/***************
|
/***************
|
||||||
* Header bars *
|
* Header bars *
|
||||||
***************/
|
***************/
|
||||||
@@ -2803,7 +2807,7 @@ switch > slider {
|
|||||||
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
|
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||||
min-width: 20px;
|
min-width: 20px;
|
||||||
min-height: 20px;
|
min-height: 20px;
|
||||||
margin: 1px;
|
margin: 0;
|
||||||
border-radius: 9999px;
|
border-radius: 9999px;
|
||||||
outline: none;
|
outline: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
@@ -1556,6 +1556,10 @@ searchbar > revealer > box {
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
searchbar > revealer > box entry {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/***************
|
/***************
|
||||||
* Header bars *
|
* Header bars *
|
||||||
***************/
|
***************/
|
||||||
|
@@ -44,9 +44,9 @@
|
|||||||
@extend %theme_dialogs;
|
@extend %theme_dialogs;
|
||||||
|
|
||||||
&-linked-button {
|
&-linked-button {
|
||||||
min-height: $item_size;
|
min-height: $item_size !important;
|
||||||
padding: $base_padding;
|
padding: $base_padding !important;
|
||||||
margin: $base_padding / 2;
|
margin: $base_padding / 2 !important;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
border-radius: $base_radius;
|
border-radius: $base_radius;
|
||||||
@extend %flat_button;
|
@extend %flat_button;
|
||||||
|
@@ -7,11 +7,24 @@
|
|||||||
border: none;
|
border: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
.message-list-placeholder { spacing: $base_spacing * 2; }
|
// padding and margins to account for scrollbar
|
||||||
|
&:ltr { margin-left: 0; margin-right: 0; padding-right: 0; border-right-width: 0; }
|
||||||
|
&:rtl { margin-right: 0; margin-left: 0; padding-left: 0; border-left-width: 0; }
|
||||||
|
|
||||||
|
.message-list-placeholder {
|
||||||
|
spacing: $base_spacing * 2;
|
||||||
|
|
||||||
|
// icon size and color
|
||||||
|
> StIcon {
|
||||||
|
icon-size: 48px; // 48px
|
||||||
|
margin-bottom: $base_margin * 3;
|
||||||
|
-st-icon-style: symbolic;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-list-sections {
|
.message-list-sections {
|
||||||
margin: 0 $base_margin * 4; // to account for scrollbar
|
margin: 0 $base_margin * 2 0 $base_margin * 4; // to account for scrollbar
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-list-section,
|
.message-list-section,
|
||||||
@@ -55,10 +68,10 @@
|
|||||||
color: $text-disabled;
|
color: $text-disabled;
|
||||||
@include fontsize($font_size - 2);
|
@include fontsize($font_size - 2);
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-bottom: 0.13em;
|
padding-bottom: 0.12em;
|
||||||
|
|
||||||
&:ltr { text-align: right };
|
&:ltr { text-align: right; }
|
||||||
&:rtl { text-align: left };
|
&:rtl { text-align: left; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -68,7 +81,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.message-content {
|
.message-content {
|
||||||
padding: $base_padding + $base_margin * 2;
|
padding: $base_padding * 1.5;
|
||||||
|
margin-bottom: $base_margin * 2;
|
||||||
spacing: 4px;
|
spacing: 4px;
|
||||||
color: $text-disabled;
|
color: $text-disabled;
|
||||||
}
|
}
|
||||||
@@ -111,7 +125,8 @@
|
|||||||
|
|
||||||
// album-art
|
// album-art
|
||||||
.media-message-cover-icon {
|
.media-message-cover-icon {
|
||||||
icon-size: 32px !important;
|
icon-size: 48px;
|
||||||
|
border-radius: $base_radius;
|
||||||
|
|
||||||
&.fallback {
|
&.fallback {
|
||||||
icon-size: 32px !important;
|
icon-size: 32px !important;
|
||||||
|
@@ -1070,7 +1070,7 @@ searchbar > revealer > box,
|
|||||||
|
|
||||||
searchbar > revealer > box {
|
searchbar > revealer > box {
|
||||||
// workaround: undo the GtkContainer:border-width and use CSS padding instead
|
// workaround: undo the GtkContainer:border-width and use CSS padding instead
|
||||||
margin: -6px;
|
margin: -$space-size;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@@ -2700,7 +2700,7 @@ switch {
|
|||||||
transition: all $duration $ease-out;
|
transition: all $duration $ease-out;
|
||||||
min-width: $small-size - 4px;
|
min-width: $small-size - 4px;
|
||||||
min-height: $small-size - 4px;
|
min-height: $small-size - 4px;
|
||||||
margin: 1px;
|
margin: if($variant == 'light', 1px, 0);
|
||||||
border-radius: $circular-radius;
|
border-radius: $circular-radius;
|
||||||
outline: none;
|
outline: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|