by roundabout, Thursday, 27 February 2020, 16:53:10 (1582822390), pushed by roundabout, Sunday, 11 May 2025, 13:22:48 (1746969768)
Author identity: nana-4 <hnmaigo@gmail.com>
d3d6859827c8b41ec8fa30b88c07ef624dd83992
src/_sass/gnome-shell/_common-3.26.scss
@@ -1058,85 +1058,6 @@
color: on(dark, text-disabled);
}
/* NOTIFICATIONS & MESSAGE TRAY */
// Banners
.notification-banner {
font-size: 1em;
width: 34em;
min-height: $menuitem-size * 2;
margin: 5px;
border-radius: $corner-radius;
color: $text;
background-color: $surface;
border: none;
box-shadow: $shadow-2;
&:hover { background-color: $surface; }
&:focus { background-color: $surface; }
.notification-icon { padding: 5px; }
.notification-content { padding: 5px; spacing: 5px; }
.secondary-icon { icon-size: em(16px); }
.notification-actions {
background-color: transparent;
padding-top: 0;
padding: $container-padding;
spacing: $container-padding;
}
.notification-button {
transition-duration: $duration;
min-height: $medium-size;
padding: 0 8px;
border-radius: $corner-radius;
background-color: transparent;
color: $primary;
font-weight: 500;
&:first-child { border-radius: $corner-radius; }
&:last-child { border-radius: $corner-radius; }
&:focus { background-color: $primary-overlay-focus; }
&:hover { background-color: $primary-overlay-hover; }
&:active {
transition-duration: $duration-ripple;
background-color: $primary-overlay-active;
}
}
}
.summary-source-counter {
font-size: 1em;
font-weight: bold;
height: 1.6em; width: 1.6em;
-shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px;
background-color: $primary;
color: on($primary);
border: 2px solid on($primary);
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%;
}
.secondary-icon { icon-size: em(16px); }
//chat bubbles
.chat-body { spacing: 5px; }
.chat-response { margin: 5px; }
.chat-log-message { color: $text; }
.chat-new-group { padding-top: 1em; }
.chat-received {
padding-left: 4px;
&:rtl { padding-left: 0px; padding-right: 4px; }
}
.chat-sent {
padding-left: 18pt;
color: $text2;
&:rtl { padding-left: 0; padding-right: 18pt; }
}
.chat-meta-message {
padding-left: 4px;
@include type(caption);
color: $text2;
&:rtl { padding-left: 0; padding-right: 4px; }
}
//hotplug
.hotplug-transient-box {
spacing: 6px;
src/_sass/gnome-shell/_common-3.28.scss
@@ -1058,85 +1058,6 @@
color: on(dark, text-disabled);
}
/* NOTIFICATIONS & MESSAGE TRAY */
// Banners
.notification-banner {
font-size: 1em;
width: 34em;
min-height: $menuitem-size * 2;
margin: 5px;
border-radius: $corner-radius;
color: $text;
background-color: $surface;
border: none;
box-shadow: $shadow-2;
&:hover { background-color: $surface; }
&:focus { background-color: $surface; }
.notification-icon { padding: 5px; }
.notification-content { padding: 5px; spacing: 5px; }
.secondary-icon { icon-size: em(16px); }
.notification-actions {
background-color: transparent;
padding-top: 0;
padding: $container-padding;
spacing: $container-padding;
}
.notification-button {
transition-duration: $duration;
min-height: $medium-size;
padding: 0 8px;
border-radius: $corner-radius;
background-color: transparent;
color: $primary;
font-weight: 500;
&:first-child { border-radius: $corner-radius; }
&:last-child { border-radius: $corner-radius; }
&:focus { background-color: $primary-overlay-focus; }
&:hover { background-color: $primary-overlay-hover; }
&:active {
transition-duration: $duration-ripple;
background-color: $primary-overlay-active;
}
}
}
.summary-source-counter {
font-size: 1em;
font-weight: bold;
height: 1.6em; width: 1.6em;
-shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px;
background-color: $primary;
color: on($primary);
border: 2px solid on($primary);
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%;
}
.secondary-icon { icon-size: em(16px); }
//chat bubbles
.chat-body { spacing: 5px; }
.chat-response { margin: 5px; }
.chat-log-message { color: $text; }
.chat-new-group { padding-top: 1em; }
.chat-received {
padding-left: 4px;
&:rtl { padding-left: 0px; padding-right: 4px; }
}
.chat-sent {
padding-left: 18pt;
color: $text2;
&:rtl { padding-left: 0; padding-right: 18pt; }
}
.chat-meta-message {
padding-left: 4px;
@include type(caption);
color: $text2;
&:rtl { padding-left: 0; padding-right: 4px; }
}
//hotplug
.hotplug-transient-box {
spacing: 6px;
src/_sass/gnome-shell/_common-3.30.scss
@@ -1059,85 +1059,6 @@
color: on(dark, text-disabled);
}
/* NOTIFICATIONS & MESSAGE TRAY */
// Banners
.notification-banner {
font-size: 1em;
width: 34em;
min-height: $menuitem-size * 2;
margin: 5px;
border-radius: $corner-radius;
color: $text;
background-color: $surface;
border: none;
box-shadow: $shadow-2;
&:hover { background-color: $surface; }
&:focus { background-color: $surface; }
.notification-icon { padding: 5px; }
.notification-content { padding: 5px; spacing: 5px; }
.secondary-icon { icon-size: em(16px); }
.notification-actions {
background-color: transparent;
padding-top: 0;
padding: $container-padding;
spacing: $container-padding;
}
.notification-button {
transition-duration: $duration;
min-height: $medium-size;
padding: 0 8px;
border-radius: $corner-radius;
background-color: transparent;
color: $primary;
font-weight: 500;
&:first-child { border-radius: $corner-radius; }
&:last-child { border-radius: $corner-radius; }
&:focus { background-color: $primary-overlay-focus; }
&:hover { background-color: $primary-overlay-hover; }
&:active {
transition-duration: $duration-ripple;
background-color: $primary-overlay-active;
}
}
}
.summary-source-counter {
font-size: 1em;
font-weight: bold;
height: 1.6em; width: 1.6em;
-shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px;
background-color: $primary;
color: on($primary);
border: 2px solid on($primary);
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%;
}
.secondary-icon { icon-size: em(16px); }
//chat bubbles
.chat-body { spacing: 5px; }
.chat-response { margin: 5px; }
.chat-log-message { color: $text; }
.chat-new-group { padding-top: 1em; }
.chat-received {
padding-left: 4px;
&:rtl { padding-left: 0px; padding-right: 4px; }
}
.chat-sent {
padding-left: 18pt;
color: $text2;
&:rtl { padding-left: 0; padding-right: 18pt; }
}
.chat-meta-message {
padding-left: 4px;
@include type(caption);
color: $text2;
&:rtl { padding-left: 0; padding-right: 4px; }
}
//hotplug
.hotplug-transient-box {
spacing: 6px;
src/_sass/gnome-shell/_common-3.32.scss
@@ -1089,85 +1089,6 @@
color: on(dark, text-disabled);
}
/* NOTIFICATIONS & MESSAGE TRAY */
// Banners
.notification-banner {
font-size: 1em;
width: 34em;
min-height: $menuitem-size * 2;
margin: 5px;
border-radius: $corner-radius;
color: $text;
background-color: $surface;
border: none;
box-shadow: $shadow-2;
&:hover { background-color: $surface; }
&:focus { background-color: $surface; }
.notification-icon { padding: 5px; }
.notification-content { padding: 5px; spacing: 5px; }
.secondary-icon { icon-size: em(16px); }
.notification-actions {
background-color: transparent;
padding-top: 0;
padding: $container-padding;
spacing: $container-padding;
}
.notification-button {
transition-duration: $duration;
min-height: $medium-size;
padding: 0 8px;
border-radius: $corner-radius;
background-color: transparent;
color: $primary;
font-weight: 500;
&:first-child { border-radius: $corner-radius; }
&:last-child { border-radius: $corner-radius; }
&:focus { background-color: $primary-overlay-focus; }
&:hover { background-color: $primary-overlay-hover; }
&:active {
transition-duration: $duration-ripple;
background-color: $primary-overlay-active;
}
}
}
.summary-source-counter {
font-size: 1em;
font-weight: bold;
height: 1.6em; width: 1.6em;
-shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px;
background-color: $primary;
color: on($primary);
border: 2px solid on($primary);
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%;
}
.secondary-icon { icon-size: em(16px); }
//chat bubbles
.chat-body { spacing: 5px; }
.chat-response { margin: 5px; }
.chat-log-message { color: $text; }
.chat-new-group { padding-top: 1em; }
.chat-received {
padding-left: 4px;
&:rtl { padding-left: 0px; padding-right: 4px; }
}
.chat-sent {
padding-left: 18pt;
color: $text2;
&:rtl { padding-left: 0; padding-right: 18pt; }
}
.chat-meta-message {
padding-left: 4px;
@include type(caption);
color: $text2;
&:rtl { padding-left: 0; padding-right: 4px; }
}
//hotplug
.hotplug-transient-box {
spacing: 6px;
src/_sass/gnome-shell/_common-3.34.scss
@@ -1148,86 +1148,6 @@
color: on(dark, text-disabled);
}
/* NOTIFICATIONS & MESSAGE TRAY */
// Banners
.notification-banner {
font-size: 1em;
width: 34em;
min-height: $menuitem-size * 2;
margin: 5px;
border-radius: $corner-radius;
color: $text;
background-color: $surface;
border: none;
box-shadow: $shadow-2;
&:hover { background: $surface; }
&, &:focus, &:active {
background-color: $surface;
.message-title { color: $text; }
.message-content { color: $text2; }
}
.message-icon-bin > StIcon {
color: $text;
}
StEntry { @extend %entry; }
.notification-icon { padding: 5px; }
.notification-content { padding: 5px; spacing: 5px; }
.secondary-icon { icon-size: em(16px); }
.notification-actions {
background-color: transparent;
padding-top: 0;
color: inherit;
border-top: none;
spacing: 0;
}
.notification-button {
@extend %bubble_button;
&:focus { box-shadow: none; }
min-height: $medium-size;
padding: 0 8px;
border: none;
}
}
.summary-source-counter {
font-size: 1em;
font-weight: bold;
height: 1.6em; width: 1.6em;
-shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px;
background-color: $primary;
color: on($primary);
border: 2px solid on($primary);
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%;
}
.secondary-icon { icon-size: em(16px); }
//chat bubbles
.chat-body { spacing: 5px; }
.chat-response { margin: 5px; }
.chat-log-message { color: $text; }
.chat-new-group { padding-top: 1em; }
.chat-received {
padding-left: 4px;
&:rtl { padding-left: 0px; padding-right: 4px; }
}
.chat-sent {
padding-left: 18pt;
color: $text2;
&:rtl { padding-left: 0; padding-right: 18pt; }
}
.chat-meta-message {
padding-left: 4px;
@include type(caption);
color: $text2;
&:rtl { padding-left: 0; padding-right: 4px; }
}
//hotplug
.hotplug-transient-box {
spacing: 6px;
src/_sass/gnome-shell/_components.scss
@@ -18,7 +18,7 @@
@import 'components/menu/message-list';
@import 'components/menu/candidate-popup';
// Notifications
// @import 'components/notification/notification';
@import 'components/notification/notification';
// @import 'components/notification/hotplug';
// Dialogs
// @import 'components/dialog/dialog';
src/_sass/gnome-shell/components/notification/_notification.scss
@@ -1,15 +1,51 @@
/* Notifications & Mesage Tray */
$notification_banner_height: 64px;
$notification_banner_width: 34em;
// Banner notifications
.notification-banner {
min-height: $notification_banner_height;
width: $notification_banner_width;
min-height: $menuitem-size * 2;
width: 34em;
margin: 5px;
border: 0;
border-radius: $corner-radius;
font-size: 1em;
&,
&:focus,
&:hover,
&:active {
box-shadow: $shadow-2;
background-color: $surface;
color: $text;
}
@if $version == 3.34 {
&,
&:focus,
&:active {
.message-title {
color: $text;
}
.message-content {
color: $text2;
}
}
.message-icon-bin > StIcon {
color: inherit;
}
StEntry {
@extend %entry;
}
}
.notification-actions {
spacing: 0;
padding-top: 0;
border-top: 0;
background-color: transparent;
color: inherit;
}
.notification-button {
@@ -19,39 +55,62 @@ $notification_banner_width: 34em;
// counter
.summary-source-counter {
font-size: $base_font_size - 1pt;
font-weight: bold;
height: 1.6em;
width: 1.6em;
-shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px;
background-color: $selected_bg_color;
color: $selected_fg_color;
border: 2px solid $fg_color;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%;
height: 1.6em;
width: 1.6em;
border: 0;
border-radius: .8em;
box-shadow: $shadow-2;
background-color: $primary;
color: on($primary);
font-weight: bold;
font-size: 1em;
}
// chat bubbles
.chat-body { spacing: 5px; }
.chat-response { margin: 5px; }
.chat-log-message { color: darken($fg_color,10%); }
.chat-new-group { padding-top: 1em; }
.chat-body {
spacing: 5px;
}
.chat-response {
margin: 5px;
}
.chat-log-message {
color: $text;
}
.chat-new-group {
padding-top: 1em;
}
.chat-received {
padding-left: 4px;
&:rtl { padding-left: 0px; padding-right: 4px; }
&:rtl {
padding-left: 0;
padding-right: 4px;
}
}
.chat-sent {
padding-left: 18pt;
color: lighten($fg_color, 15%);
&:rtl { padding-left: 0; padding-right: 18pt; }
color: $text2;
&:rtl {
padding-left: 0;
padding-right: 18pt;
}
}
.chat-meta-message {
padding-left: 4px;
@include fontsize($base_font_size - 2);
font-weight: bold;
color: lighten($fg_color,18%);
&:rtl { padding-left: 0; padding-right: 4px; }
color: $text2;
@include type(caption);
&:rtl {
padding-left: 0;
padding-right: 4px;
}
}