matt1432/nixos-configs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(ags): change some css

Browse source
This commit is contained in:
matt1432 2023-09-22 14:47:37 -04:00
parent b2ac299f05
commit b103634807
3 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
config/ags/js/media-player/player.js
View file

@ -82,6 +82,7 @@ const PlayerBox = player => mpris.CoverArt(player, {
], ],
}); });
// TODO: Make this a stack with animations and gestures
export default () => Box({ export default () => Box({
vertical: true, vertical: true,
className: 'media', className: 'media',

11
config/ags/scss/widgets/overview.scss
View file

@ -1,23 +1,24 @@
.overview { .overview {
background-color: $bg;
border-radius: 30px;
border: 2px solid $contrastbg;
padding: 10px;
min-height: 1px; min-height: 1px;
min-width: 1px; min-width: 1px;
.workspace { .workspace {
padding: 4px; padding: 4px;
border: 2px solid transparent; border: 2px solid transparent;
transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out,
background-color 0.2s ease-in-out;
border-radius: 10px; border-radius: 10px;
&.active { &.active {
background-color: rgba(lighten($color: black, $amount: 15), 0.8);
transition: border-color 0.2s ease-in-out,
background-color 0.2s ease-in-out;
border: 2px solid black; border: 2px solid black;
} }
} }
.workspace .window { .workspace .window {
background-color: $bgfull;
border-radius: 10px; border-radius: 10px;
margin: 0 10px; margin: 0 10px;
transition: min-width 0.2s ease-in-out, transition: min-width 0.2s ease-in-out,

9
config/ags/style.css
View file

@ -663,20 +663,19 @@ calendar:indeterminate {
transition: background-color 0.5s ease-in-out; } transition: background-color 0.5s ease-in-out; }
.overview { .overview {
background-color: rgba(40, 42, 54, 0.8);
border-radius: 30px;
border: 2px solid rgba(189, 147, 249, 0.8);
padding: 10px;
min-height: 1px; min-height: 1px;
min-width: 1px; } min-width: 1px; }
.overview .workspace { .overview .workspace {
padding: 4px; padding: 4px;
border: 2px solid transparent; border: 2px solid transparent;
transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
border-radius: 10px; } border-radius: 10px; }
.overview .workspace.active { .overview .workspace.active {
background-color: rgba(38, 38, 38, 0.8);
transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
border: 2px solid black; } border: 2px solid black; }
.overview .workspace .window { .overview .workspace .window {
background-color: #282a36;
border-radius: 10px; border-radius: 10px;
margin: 0 10px; margin: 0 10px;
transition: min-width 0.2s ease-in-out, min-height 0.2s ease-in-out, border-color 0.2s ease-in-out, font-size 0.2s ease-in-out; } transition: min-width 0.2s ease-in-out, min-height 0.2s ease-in-out, border-color 0.2s ease-in-out, font-size 0.2s ease-in-out; }