gnome-shell: Fix media section sizing
When the cover is existing, the controls were vertically long.
by roundabout, Friday, 18 August 2017, 08:31:26 (1503045086), pushed by roundabout, Sunday, 11 May 2025, 13:22:12 (1746969732)
Author identity: nana-4 <hnmaigo@gmail.com>
77886e7cdbcdebecac09681d80abc4dd99f78cd6
src/gnome-shell/3.24/gnome-shell-compact.css
@@ -1377,11 +1377,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: rgba(0, 0, 0, 0.87);
icon-size: 16px;
-st-icon-style: requested;
padding: 4px 0px 4px 4px;
margin: 4px 0px 4px 4px;
}
.message-icon-bin > StIcon:rtl {
padding: 4px 4px 4px 0px;
margin: 4px 4px 4px 0px;
}
.message-secondary-bin {
@@ -1469,7 +1469,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.media-message-cover-icon {
icon-size: 32px !important;
margin: 8px 0;
margin: 8px 0px 8px 4px !important;
}
.media-message-cover-icon:rtl {
margin: 8px 4px 8px 0px !important;
}
.media-message-cover-icon.fallback {
src/gnome-shell/3.24/gnome-shell-dark-compact.css
@@ -1377,11 +1377,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: #FFFFFF;
icon-size: 16px;
-st-icon-style: requested;
padding: 4px 0px 4px 4px;
margin: 4px 0px 4px 4px;
}
.message-icon-bin > StIcon:rtl {
padding: 4px 4px 4px 0px;
margin: 4px 4px 4px 0px;
}
.message-secondary-bin {
@@ -1469,7 +1469,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.media-message-cover-icon {
icon-size: 32px !important;
margin: 8px 0;
margin: 8px 0px 8px 4px !important;
}
.media-message-cover-icon:rtl {
margin: 8px 4px 8px 0px !important;
}
.media-message-cover-icon.fallback {
src/gnome-shell/3.24/gnome-shell-dark.css
@@ -1377,11 +1377,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: #FFFFFF;
icon-size: 16px;
-st-icon-style: requested;
padding: 4px 0px 4px 4px;
margin: 4px 0px 4px 4px;
}
.message-icon-bin > StIcon:rtl {
padding: 4px 4px 4px 0px;
margin: 4px 4px 4px 0px;
}
.message-secondary-bin {
@@ -1469,7 +1469,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.media-message-cover-icon {
icon-size: 32px !important;
margin: 8px 0;
margin: 8px 0px 8px 4px !important;
}
.media-message-cover-icon:rtl {
margin: 8px 4px 8px 0px !important;
}
.media-message-cover-icon.fallback {
src/gnome-shell/3.24/gnome-shell-light-compact.css
@@ -1377,11 +1377,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: rgba(0, 0, 0, 0.87);
icon-size: 16px;
-st-icon-style: requested;
padding: 4px 0px 4px 4px;
margin: 4px 0px 4px 4px;
}
.message-icon-bin > StIcon:rtl {
padding: 4px 4px 4px 0px;
margin: 4px 4px 4px 0px;
}
.message-secondary-bin {
@@ -1469,7 +1469,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.media-message-cover-icon {
icon-size: 32px !important;
margin: 8px 0;
margin: 8px 0px 8px 4px !important;
}
.media-message-cover-icon:rtl {
margin: 8px 4px 8px 0px !important;
}
.media-message-cover-icon.fallback {
src/gnome-shell/3.24/gnome-shell-light.css
@@ -1377,11 +1377,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: rgba(0, 0, 0, 0.87);
icon-size: 16px;
-st-icon-style: requested;
padding: 4px 0px 4px 4px;
margin: 4px 0px 4px 4px;
}
.message-icon-bin > StIcon:rtl {
padding: 4px 4px 4px 0px;
margin: 4px 4px 4px 0px;
}
.message-secondary-bin {
@@ -1469,7 +1469,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.media-message-cover-icon {
icon-size: 32px !important;
margin: 8px 0;
margin: 8px 0px 8px 4px !important;
}
.media-message-cover-icon:rtl {
margin: 8px 4px 8px 0px !important;
}
.media-message-cover-icon.fallback {
src/gnome-shell/3.24/gnome-shell.css
@@ -1377,11 +1377,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: rgba(0, 0, 0, 0.87);
icon-size: 16px;
-st-icon-style: requested;
padding: 4px 0px 4px 4px;
margin: 4px 0px 4px 4px;
}
.message-icon-bin > StIcon:rtl {
padding: 4px 4px 4px 0px;
margin: 4px 4px 4px 0px;
}
.message-secondary-bin {
@@ -1469,7 +1469,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.media-message-cover-icon {
icon-size: 32px !important;
margin: 8px 0;
margin: 8px 0px 8px 4px !important;
}
.media-message-cover-icon:rtl {
margin: 8px 4px 8px 0px !important;
}
.media-message-cover-icon.fallback {
src/gnome-shell/3.24/sass/_common.scss
@@ -1131,8 +1131,8 @@ StScrollBar {
color: $fg_color;
icon-size: 16px;
-st-icon-style: requested;
padding: 4px 0px 4px 4px;
&:rtl { padding: 4px 4px 4px 0px; }
margin: 4px 0px 4px 4px;
&:rtl { margin: 4px 4px 4px 0px; }
}
.message-secondary-bin {
@@ -1202,7 +1202,8 @@ StScrollBar {
.media-message-cover-icon {
icon-size: 32px !important;
margin: 8px 0;
margin: 8px 0px 8px 4px !important;
&:rtl { margin: 8px 4px 8px 0px !important; }
&.fallback {
icon-size: 16px !important;
padding: 8px;