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

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({
vertical: true,
className: 'media',

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

@ -1,23 +1,24 @@
.overview {
background-color: $bg;
border-radius: 30px;
border: 2px solid $contrastbg;
padding: 10px;
min-height: 1px;
min-width: 1px;
.workspace {
padding: 4px;
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;
&.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;
}
}
.workspace .window {
background-color: $bgfull;
border-radius: 10px;
margin: 0 10px;
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; }
.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-width: 1px; }
.overview .workspace {
padding: 4px;
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; }
.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; }
.overview .workspace .window {
background-color: #282a36;
border-radius: 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; }