SWAY: Réduction de l'espace utilisé par les modules

This commit is contained in:
Olivier DOSSMANN 2021-06-26 00:54:39 +02:00
parent ad45e8d767
commit d4233d6440
2 changed files with 16 additions and 11 deletions

View File

@ -1,7 +1,7 @@
{ {
"height": 27, // Waybar height (to be removed for auto height) "height": 27, // Waybar height (to be removed for auto height)
"modules-left": ["sway/workspaces", "sway/mode", "custom/media", "sway/window"], "modules-left": ["sway/workspaces", "sway/mode", "custom/media"],
//"modules-center": ["sway/window"], "modules-center": ["sway/window"],
"modules-right": ["backlight", "pulseaudio", "memory", "cpu", "network", "battery", "temperature", "clock", "tray"], "modules-right": ["backlight", "pulseaudio", "memory", "cpu", "network", "battery", "temperature", "clock", "tray"],
// Modules configuration // Modules configuration
"sway/workspaces": { "sway/workspaces": {

View File

@ -3,13 +3,13 @@
border-radius: 0; border-radius: 0;
/* `otf-font-awesome` is required to be installed for icons */ /* `otf-font-awesome` is required to be installed for icons */
font-family: DejaVu Sans Mono, Roboto, Helvetica, Arial, sans-serif; font-family: DejaVu Sans Mono, Roboto, Helvetica, Arial, sans-serif;
font-size: 16px; font-size: 15px;
min-height: 0; min-height: 0;
} }
window#waybar { window#waybar {
background-color: #222; background-color: #222;
border-bottom: 3px solid rgba(100, 114, 125, 0.5); /* border-bottom: 3px solid rgba(100, 114, 125, 0.5);*/
color: #dfdfdf; color: #dfdfdf;
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
@ -39,8 +39,8 @@ window#waybar.chromium {
#workspaces button { #workspaces button {
padding: 0 5px; padding: 0 5px;
background-color: transparent; background-color: inherit;
color: #ffffff; color: #666;
/* Use box-shadow instead of border so the text isn't offset */ /* Use box-shadow instead of border so the text isn't offset */
box-shadow: inset 0 -3px transparent; box-shadow: inset 0 -3px transparent;
} }
@ -52,9 +52,9 @@ window#waybar.chromium {
} }
#workspaces button.focused { #workspaces button.focused {
background-color: #ffb52a; background-color: #444;
color: #000; color: #fff;
box-shadow: inset 0 -3px #ffffff; border-bottom: 3px solid #ffb52a;
} }
#workspaces button.urgent { #workspaces button.urgent {
@ -80,8 +80,8 @@ window#waybar.chromium {
#mode, #mode,
#idle_inhibitor, #idle_inhibitor,
#mpd { #mpd {
padding: 0 10px; padding: 0 5px;
margin: 0 4px; margin: 0 3px;
color: #ffffff; color: #ffffff;
} }
@ -95,6 +95,11 @@ window#waybar.chromium {
margin-left: 0; margin-left: 0;
} }
/* Décalage du centre de 30 caractères de large sur la gauche (caractère M) */
.modules-center {
margin-left: -30em;
}
/* If workspaces is the rightmost module, omit right margin */ /* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces { .modules-right > widget:last-child > #workspaces {
margin-right: 0; margin-right: 0;