Reduce the spacing between top bar icons
This commit is contained in:
parent
ae873576ba
commit
0185515e2a
1 changed files with 21 additions and 7 deletions
|
@ -22,13 +22,13 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
|
||||||
// panel menus
|
// panel menus
|
||||||
.panel-button {
|
.panel-button {
|
||||||
@include panel_button($bg: $panel_fg_color, $border_radius: 3px);
|
@include panel_button($bg: $panel_fg_color, $border_radius: 3px);
|
||||||
-natural-hpadding: $base_padding * 2;
|
-natural-hpadding: 6px;
|
||||||
-minimum-hpadding: $base_padding;
|
-minimum-hpadding: 4px;
|
||||||
|
|
||||||
// status area icons
|
// status area icons
|
||||||
.system-status-icon {
|
.system-status-icon {
|
||||||
icon-size: $base_icon_size;
|
icon-size: $base_icon_size;
|
||||||
padding: $base_padding - 1px;
|
padding: ($base_padding - 1px) 0px ($base_padding - 1px) 0px;
|
||||||
margin: 0 $base_margin;
|
margin: 0 $base_margin;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -44,7 +44,8 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
|
||||||
}
|
}
|
||||||
|
|
||||||
&#panelActivities {
|
&#panelActivities {
|
||||||
-natural-hpadding: $base_padding * 2.5;
|
-natural-hpadding: 10px;
|
||||||
|
-minimum-hpadding: 8px;
|
||||||
|
|
||||||
& StBoxLayout {
|
& StBoxLayout {
|
||||||
spacing: 5px;
|
spacing: 5px;
|
||||||
|
@ -84,6 +85,10 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
|
||||||
// we want to exclude the do-not-disturb indicator from the background
|
// we want to exclude the do-not-disturb indicator from the background
|
||||||
// see _drawing.scss for override details
|
// see _drawing.scss for override details
|
||||||
@include panel_button($highlighted_child: true, $child_class:".clock", $border_radius: 3px);
|
@include panel_button($highlighted_child: true, $child_class:".clock", $border_radius: 3px);
|
||||||
|
-natural-hpadding: 0px;
|
||||||
|
-minimum-hpadding: 0px;
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
|
||||||
.clock {
|
.clock {
|
||||||
// the highlighted child
|
// the highlighted child
|
||||||
|
@ -121,7 +126,12 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-status-indicators-box,
|
.panel-status-indicators-box {
|
||||||
|
spacing: 8px;
|
||||||
|
padding-right: 2px;
|
||||||
|
padding-left: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
.panel-status-menu-box {
|
.panel-status-menu-box {
|
||||||
spacing: 2px;
|
spacing: 2px;
|
||||||
}
|
}
|
||||||
|
@ -151,7 +161,11 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
|
||||||
.clock-display-box {
|
.clock-display-box {
|
||||||
spacing: 2px;
|
spacing: 2px;
|
||||||
.clock {
|
.clock {
|
||||||
padding-left: $base_padding * 2;
|
padding-left: 8px;
|
||||||
padding-right: $base_padding * 2;
|
padding-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
StIcon:last-child {
|
||||||
|
margin-right: 3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue