by roundabout, Saturday, 3 April 2021, 00:11:06 (1617408666), pushed by roundabout, Sunday, 11 May 2025, 13:23:03 (1746969783)
Author identity: nana-4 <hnmaigo@gmail.com>
f23912b1b495a9de20d9ab08a8f6afc8bcb911d1
src/_st-theme.scss
@@ -1,15 +1,3 @@
@use "theme";
//
// Override sizes
//
$menuitem-size: 32px;
@if theme.$compact {
$menuitem-size: 28px;
}
//
// Override durations; since St does not support transition-timing-function
//
src/_theme.scss
@@ -22,7 +22,13 @@ $large-size: 48px;
}
$bar-size: 4px;
$menuitem-size: 28px;
$menu-item-height: 32px;
$menu-item-dense-height: 28px;
@if $compact {
$menu-item-height: 28px;
}
//
// Radii
src/cinnamon/sass/_common.scss
@@ -590,7 +590,7 @@ StScrollView {
.datemenu-date-label {
@include typography.headline6;
height: st-theme.$menuitem-size - 2px * 2;
height: theme.$menu-item-height - 2px * 2;
margin: 2px;
padding: 6px 16px;
border-radius: theme.$corner-radius;
@@ -603,7 +603,7 @@ StScrollView {
.calendar-month-label {
@include typography.subtitle2;
height: st-theme.$menuitem-size - 6px * 2;
height: theme.$menu-item-height - 6px * 2;
margin: 2px;
padding: 6px 16px;
border-radius: theme.$corner-radius;
@@ -633,8 +633,8 @@ StScrollView {
@include typography.caption;
text-align: center;
width: st-theme.$menuitem-size;
height: st-theme.$menuitem-size;
width: theme.$menu-item-height;
height: theme.$menu-item-height;
padding: 0;
margin: 2px;
border-radius: 100px;
@@ -651,8 +651,8 @@ StScrollView {
.calendar-week-number {
@include typography.caption;
width: st-theme.$menuitem-size - 7px;
height: st-theme.$menuitem-size;
width: theme.$menu-item-height - 7px;
height: theme.$menu-item-height;
margin: 2px;
padding: 0;
border-radius: 100px;
@@ -663,8 +663,8 @@ StScrollView {
.calendar-day-heading {
@include typography.caption;
width: st-theme.$menuitem-size;
height: st-theme.$menuitem-size - 7px;
width: theme.$menu-item-height;
height: theme.$menu-item-height - 7px;
margin: 2px;
padding: 0;
border-radius: 100px;
@@ -701,8 +701,8 @@ StScrollView {
opacity: 0.5;
}
.calendar-week-number {
width: st-theme.$menuitem-size;
height: st-theme.$menuitem-size - 7px;
width: theme.$menu-item-height;
height: theme.$menu-item-height - 7px;
margin: 2px;
padding: 7px 0 0;
border-radius: 100px;
src/gnome-shell/sass/components/menu/_calendar.scss
@@ -74,7 +74,7 @@ $column-margin: 0 8px;
.events-section-title {
@include item;
min-height: st-theme.$menuitem-size - 8px * 2;
min-height: theme.$menu-item-height - 8px * 2;
padding: 8px;
color: theme-color.hint(theme-color.$on-surface) !important;
font-weight: bold;
@@ -84,7 +84,7 @@ $column-margin: 0 8px;
.datemenu-today-button {
@include item;
margin: $column-margin;
min-height: st-theme.$menuitem-size * 2 - 8px * 2;
min-height: theme.$menu-item-height * 2 - 8px * 2;
padding: 8px;
// weekday label
@@ -109,7 +109,7 @@ $column-margin: 0 8px;
// month
.calendar-month-label {
transition-duration: st-theme.$duration;
min-height: st-theme.$menuitem-size - 6px * 2;
min-height: theme.$menu-item-height - 6px * 2;
margin: 2px;
padding: 6px 8px;
border-radius: theme.$corner-radius;
@@ -148,10 +148,10 @@ $column-margin: 0 8px;
.pager-button {
transition-duration: st-theme.$duration;
width: st-theme.$menuitem-size;
height: st-theme.$menuitem-size;
width: theme.$menu-item-height;
height: theme.$menu-item-height;
margin: 2px;
border-radius: st-theme.$menuitem-size / 2;
border-radius: theme.$menu-item-height / 2;
background-color: transparent;
color: theme-color.hint(theme-color.$on-surface);
@@ -171,12 +171,12 @@ $column-margin: 0 8px;
.calendar-day-base {
transition-duration: st-theme.$duration;
width: st-theme.$menuitem-size;
height: st-theme.$menuitem-size;
width: theme.$menu-item-height;
height: theme.$menu-item-height;
margin: 2px;
padding: 0;
border: 0;
border-radius: st-theme.$menuitem-size / 2;
border-radius: theme.$menu-item-height / 2;
@include typography.caption;
font-feature-settings: "tnum";
text-align: center;
@@ -205,11 +205,11 @@ $column-margin: 0 8px;
// day of week heading
&.calendar-day-heading {
width: st-theme.$menuitem-size;
height: st-theme.$menuitem-size - 7px;
width: theme.$menu-item-height;
height: theme.$menu-item-height - 7px;
margin-top: 2px;
padding: 7px 0 0;
border-radius: st-theme.$menuitem-size / 2;
border-radius: theme.$menu-item-height / 2;
background-color: transparent;
color: theme-color.disabled(theme-color.$on-surface);
@include typography.caption;
@@ -296,10 +296,10 @@ $column-margin: 0 8px;
}
.calendar-week-number {
width: st-theme.$menuitem-size;
height: st-theme.$menuitem-size;
width: theme.$menu-item-height;
height: theme.$menu-item-height;
margin: 2px;
border-radius: st-theme.$menuitem-size / 2;
border-radius: theme.$menu-item-height / 2;
background-color: transparent;
color: theme-color.disabled(theme-color.$on-surface);
font-weight: bold;
@@ -307,7 +307,7 @@ $column-margin: 0 8px;
text-align: center;
@if gnome-shell.$version < 3.38 {
height: st-theme.$menuitem-size - 7px;
height: theme.$menu-item-height - 7px;
padding: 7px 0 0;
}
}
@@ -317,7 +317,7 @@ $column-margin: 0 8px;
/* Events */
.events-button {
@include item;
min-height: st-theme.$menuitem-size * 2 - 8px * 2;
min-height: theme.$menu-item-height * 2 - 8px * 2;
padding: 8px;
.events-box {
@@ -345,7 +345,7 @@ $column-margin: 0 8px;
/* World clocks */
.world-clocks-button {
@include item;
min-height: st-theme.$menuitem-size - 8px * 2;
min-height: theme.$menu-item-height - 8px * 2;
padding: 8px;
.world-clocks-grid {
@@ -394,7 +394,7 @@ $column-margin: 0 8px;
/* Weather */
.weather-button {
@include item;
min-height: st-theme.$menuitem-size * 2 - 8px * 2;
min-height: theme.$menu-item-height * 2 - 8px * 2;
padding: 8px;
.weather-box {
src/gnome-shell/sass/components/menu/_candidate-popup.scss
@@ -22,7 +22,7 @@
.candidate-box {
transition-duration: st-theme.$duration;
min-height: st-theme.$menuitem-size;
min-height: theme.$menu-item-height;
padding: 0 8px;
border-radius: theme.$corner-radius;
@@ -45,7 +45,7 @@
}
.candidate-page-button-box {
height: st-theme.$menuitem-size;
height: theme.$menu-item-height;
.vertical & {
padding-top: 0;
@@ -57,8 +57,8 @@
}
.candidate-page-button {
min-width: st-theme.$menuitem-size;
min-height: st-theme.$menuitem-size;
min-width: theme.$menu-item-height;
min-height: theme.$menu-item-height;
padding: 0;
}
src/gnome-shell/sass/components/menu/_message-list.scss
@@ -56,7 +56,7 @@
// message bubbles
.message {
@include calendar.item;
min-height: st-theme.$menuitem-size * 2;
min-height: theme.$menu-item-height * 2;
// icon container
.message-icon-bin {
@@ -87,7 +87,7 @@
// content
.message-content {
min-height: st-theme.$menuitem-size * 2 - 8px * 2;
min-height: theme.$menu-item-height * 2 - 8px * 2;
padding: 8px;
spacing: 0;
color: inherit;
src/gnome-shell/sass/components/notification/_notification.scss
@@ -2,7 +2,6 @@
@use "../../../../theme";
@use "../../../../theme-color";
@use "../../../../st-theme";
@use "../../gnome-shell";
@use "../../typography";
@use "../base/button";
@@ -10,7 +9,7 @@
// Banner notifications
.notification-banner {
min-height: st-theme.$menuitem-size * 2;
min-height: theme.$menu-item-height * 2;
width: 34em;
margin: 5px;
border: 0;
src/gnome-shell/sass/components/panel/_panel.scss
@@ -22,7 +22,7 @@ $button-hpadding: 12px;
#panel {
transition-duration: overview.$transition-duration;
height: st-theme.$menuitem-size;
height: theme.$menu-item-height;
background-color: $color;
font-weight: bold;
font-feature-settings: "tnum";
src/gtk-3.0/sass/_common.scss
@@ -931,7 +931,7 @@ toolbar.inline-toolbar toolbutton {
/* menu buttons */
modelbutton.flat,
.menuitem.button.flat {
min-height: theme.$menuitem-size;
min-height: theme.$menu-item-dense-height;
padding: 0 8px;
border-radius: theme.$corner-radius;
@@ -4268,7 +4268,7 @@ popover.emoji-completion {
}
.emoji-completion-row {
min-height: theme.$menuitem-size;
min-height: theme.$menu-item-dense-height;
padding: 0 12px;
}
src/gtk-3.0/sass/apps/_budgie.scss
@@ -57,7 +57,7 @@
}
button.flat:not(.image-button) {
min-height: theme.$menuitem-size;
min-height: theme.$menu-item-dense-height;
padding: 0 8px;
color: theme-color.$on-surface;
font-weight: normal;
@@ -149,7 +149,7 @@
}
.unmount-button {
margin: (theme.$menuitem-size - theme.$small-size) / 2;
margin: (theme.$menu-item-dense-height - theme.$small-size) / 2;
padding: 0;
}
src/gtk-3.0/sass/apps/_mate.scss
@@ -114,7 +114,7 @@ MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
// set normal menubar menuitem
menubar menu > menuitem {
// adjust sizing since the menuitem has large icons
min-height: theme.$menuitem-size;
min-height: theme.$menu-item-dense-height;
padding: 0 6px;
// font-weight: initial;
}