New backup 2025-07-25 19:15:07
This commit is contained in:
parent
63da444929
commit
10570880d7
2 changed files with 39 additions and 75 deletions
|
@ -29,31 +29,31 @@
|
|||
:space-evenly false
|
||||
:halign "start"
|
||||
|
||||
(revealer
|
||||
:class "ws-left"
|
||||
:reveal wsreveal
|
||||
:transition "slideleft"
|
||||
:duration "500ms"
|
||||
(box
|
||||
(for entry in array
|
||||
(literal
|
||||
:visible {((entry.num <= activeWorkspace) && !entry.focused) ? true : false}
|
||||
:content {((entry.num <= activeWorkspace) && !entry.focused) ? "(workspace :ws entry :side 'left')" : "(box :visible false)"}))))
|
||||
(box
|
||||
(for entry in array
|
||||
(literal
|
||||
:visible {entry.focused ? true : false}
|
||||
:content {entry.focused ? "(workspace :ws entry :side 'center')" : "(box :visible false)"})))
|
||||
(revealer
|
||||
:class "ws-right"
|
||||
:reveal wsreveal
|
||||
:transition "slideright"
|
||||
:duration "500ms"
|
||||
(box
|
||||
(for entry in array
|
||||
(literal
|
||||
:visible {((entry.num >= activeWorkspace) && !entry.focused) ? true : false}
|
||||
:content {((entry.num >= activeWorkspace) && !entry.focused) ? "(workspace :ws entry :side 'right')" : "(box :visible false)"})))))))
|
||||
(revealer
|
||||
:class "ws-left"
|
||||
:reveal wsreveal
|
||||
:transition "slideleft"
|
||||
:duration "500ms"
|
||||
(box
|
||||
(for entry in array
|
||||
(literal
|
||||
:visible {((entry.num <= activeWorkspace) && !entry.focused) ? true : false}
|
||||
:content {((entry.num <= activeWorkspace) && !entry.focused) ? "(workspace :ws entry :side 'left')" : "(box :visible false)"}))))
|
||||
(box
|
||||
(for entry in array
|
||||
(literal
|
||||
:visible {entry.focused ? true : false}
|
||||
:content {entry.focused ? "(workspace :ws entry :side 'center')" : "(box :visible false)"})))
|
||||
(revealer
|
||||
:class "ws-right"
|
||||
:reveal wsreveal
|
||||
:transition "slideright"
|
||||
:duration "500ms"
|
||||
(box
|
||||
(for entry in array
|
||||
(literal
|
||||
:visible {((entry.num >= activeWorkspace) && !entry.focused) ? true : false}
|
||||
:content {((entry.num >= activeWorkspace) && !entry.focused) ? "(workspace :ws entry :side 'right')" : "(box :visible false)"})))))))
|
||||
;)
|
||||
|
||||
; (for entry in array
|
||||
|
|
|
@ -12,93 +12,67 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
|
|||
border-radius: $bar-module-border-radius;
|
||||
border: 3px solid $bar-module-fg-color;
|
||||
box-shadow: 0px 0px 9px 0px $bar-module-fg-color;
|
||||
// &>box:not(.workspaces),
|
||||
// &>box.revealer-on-hover,
|
||||
.revealer-on-hover>widget>box>box>*,
|
||||
// .revealer-on-hover>widget>box>box>button,
|
||||
.reveal_children>*,
|
||||
&>button,
|
||||
&>label {
|
||||
color: $bar-module-fg-color;
|
||||
// background-color: $bar-bg-color;
|
||||
border-radius: $bar-module-border-radius;
|
||||
margin: 0px 5px;
|
||||
// padding: 0px 5px;
|
||||
// margin-left: -5px;
|
||||
min-width: $bar-module-width;
|
||||
// border: 2px solid $bar-module-fg-color;
|
||||
// background-color: $bar-module-bg-color;
|
||||
// box-shadow: 4px 0 3px -2px $bar-module-fg-color;
|
||||
&:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
// &:last-child {
|
||||
// margin-right: 0px;
|
||||
// }
|
||||
}
|
||||
.revealer-on-hover>widget>box>box>* {
|
||||
// .revealer-on-hover>widget>box>box>button {
|
||||
// margin-right: 0px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.revealer-on-hover>widget>box>box>*,
|
||||
// .revealer-on-hover>widget>box>box>button,
|
||||
.reveal_children>*,
|
||||
// &>box.revealer-on-hover:not(:last-child),
|
||||
&>button,
|
||||
&>label {
|
||||
// &>:not(:last-child) {
|
||||
box-shadow: 3px 0 3px -2px $bar-module-fg-color;
|
||||
// }
|
||||
// margin-left: -5px;
|
||||
}
|
||||
// .revealer-on-hover:not(:last-child) {
|
||||
// margin: 0px 10px;
|
||||
// }
|
||||
.revealer-on-hover.true {
|
||||
background-color: $bar-reveal-children-bg-color;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.reveal_children {
|
||||
// background-color: $bar-reveal-children-bg-color;
|
||||
border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
|
||||
}
|
||||
.reveal_children>* {
|
||||
margin-left: -6px;
|
||||
// background-color: $bar-reveal-children-bg-color;
|
||||
// margin: 0px;
|
||||
// border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
|
||||
// padding: -10px;
|
||||
// &:first-child {
|
||||
// margin-left: 5px;
|
||||
// color: red;
|
||||
// box-shadow: -4px 0px 2px -2px red, 5px 0 3px -2px $bar-module-fg-color;
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
.workspaces {
|
||||
color: $bar-module-fg-color;
|
||||
// border-radius: $bar-module-border-radius;
|
||||
margin: 0px 5px;
|
||||
// min-width: $bar-module-width;
|
||||
// border: 2px solid $bar-module-fg-color;
|
||||
// background-color: $bar-module-bg-color;
|
||||
// margin-left: 5px;
|
||||
revealer {
|
||||
|
||||
&.ws-left {
|
||||
padding-left: 5px;
|
||||
button {
|
||||
background-color: $bar-reveal-children-bg-color;
|
||||
}
|
||||
}
|
||||
&.ws-right {
|
||||
padding-right: 1px;
|
||||
padding-right: 5px;
|
||||
button {
|
||||
background-color: $bar-reveal-children-bg-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
button {
|
||||
min-width: 35px;
|
||||
transition: all 0.3s;
|
||||
// padding: 0px 0px;
|
||||
&.left {
|
||||
// border-right: 1px solid $bar-module-fg-color;
|
||||
// border-left: 1px solid $bar-module-fg-color;
|
||||
margin-right: -2px;
|
||||
border-radius: $bar-module-border-radius - 2;
|
||||
box-shadow: -4px 0 3px -2px $bar-module-fg-color;
|
||||
// background-color: $bar-reveal-children-bg-color;
|
||||
}
|
||||
&.center {
|
||||
color: $bar-module-fg-color;
|
||||
|
@ -106,12 +80,9 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
|
|||
box-shadow: 0 0 2px 1px $bar-module-fg-color;
|
||||
}
|
||||
&.right {
|
||||
// border-left: 1px solid $bar-module-fg-color;
|
||||
// border-right: 1px solid $bar-module-fg-color;
|
||||
margin-left: -2px;
|
||||
border-radius: $bar-module-border-radius - 1;
|
||||
box-shadow: 4px 0 3px -2px $bar-module-fg-color;
|
||||
// background-color: $bar-reveal-children-bg-color;
|
||||
}
|
||||
label {
|
||||
padding: 4px 6px;
|
||||
|
@ -155,8 +126,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
|
|||
&>box>label,
|
||||
.bar-module>button,
|
||||
.bar-module>label,
|
||||
// .revealer-on-hover>widget>box>box>*,
|
||||
.revealer-on-hover>widget>box>box>button,
|
||||
.revealer-on-hover>widget>box>box>*,
|
||||
.reveal_children>* {
|
||||
padding: 0px 5px;
|
||||
min-width: $bar-module-width;
|
||||
|
@ -166,9 +136,6 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
|
|||
text-shadow: $bar-module-hover-shadow;
|
||||
}
|
||||
}
|
||||
// .reveal_children>* {
|
||||
// border-left: 1px solid $bar-module-fg-color;
|
||||
// }
|
||||
.tray>widget>image,
|
||||
.scratchpad>button>image {
|
||||
padding: 3px 4px;
|
||||
|
@ -188,9 +155,6 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
|
|||
.datetime {
|
||||
font-weight: bold;
|
||||
}
|
||||
// .chevron {
|
||||
// margin-right: 10px;
|
||||
// }
|
||||
.chevron box {
|
||||
border: 2px solid transparent;
|
||||
box-shadow: 8px -8px 10px -8px black;
|
||||
|
|
Loading…
Add table
Reference in a new issue