Upgrade to Agsv2 + Astal (#533)
* migrate to astal * Reorganize project structure. * progress * Migrate Dashboard and Window Title modules. * Migrate clock and notification bar modules. * Remove unused code * Media menu * Rework network and volume modules * Finish custom modules. * Migrate battery bar module. * Update battery module and organize helpers. * Migrate workspace module. * Wrap up bar modules. * Checkpoint before I inevitbly blow something up. * Updates * Fix event propagation logic. * Type fixes * More type fixes * Fix padding for event boxes. * Migrate volume menu and refactor scroll event handlers. * network module WIP * Migrate network service. * Migrate bluetooth menu * Updates * Migrate notifications * Update scrolling behavior for custom modules. * Improve popup notifications and add timer functionality. * Migration notifications menu header/controls. * Migrate notifications menu and consolidate notifications menu code. * Migrate power menu. * Dashboard progress * Migrate dashboard * Migrate media menu. * Reduce media menu nesting. * Finish updating media menu bindings to navigate active player. * Migrate battery menu * Consolidate code * Migrate calendar menu * Fix workspace logic to update on client add/change/remove and consolidate code. * Migrate osd * Consolidate hyprland service connections. * Implement startup dropdown menu position allocation. * Migrate settings menu (WIP) * Settings dialo menu fixes * Finish Dashboard menu * Type updates * update submoldule for types * update github ci * ci * Submodule update * Ci updates * Remove type checking for now. * ci fix * Fix a bunch of stuff, losing track... need rest. Brb coffee * Validate dropdown menu before render. * Consolidate code and add auto-hide functionality. * Improve auto-hide behavior. * Consolidate audio menu code * Organize bluetooth code * Improve active player logic * Properly dismiss a notification on action button resolution. * Implement CLI command engine and migrate CLI commands. * Handle variable disposal * Bar component fixes and add hyprland startup rules. * Handle potentially null bindings network and bluetooth bindings. * Handle potentially null wired adapter. * Fix GPU stats * Handle poller for GPU * Fix gpu bar logic. * Clean up logic for stat bars. * Handle wifi and wired bar icon bindings. * Fix battery percentages * Fix switch behavior * Wifi staging fixes * Reduce redundant hyprland service calls. * Code cleanup * Document the option code and reduce redundant calls to optimize performance. * Remove outdated comment. * Add JSDocs * Add meson to build hyprpanel * Consistency updates * Organize commands * Fix images not showing up on notifications. * Remove todo * Move hyprpanel configuration to the ~/.config/hyprpanel directory and add utility commands. * Handle SRC directory for the bundled/built hyprpanel. * Add namespaces to all windows * Migrate systray * systray updates * Update meson to include ts, tsx and scss files. * Remove log from meson * Fix file choose path and make it float. * Added a command to check the dependency status * Update dep names. * Get scale directly from env * Add todo
This commit is contained in:
215
src/scss/style/menus/audiomenu.scss
Normal file
215
src/scss/style/menus/audiomenu.scss
Normal file
@@ -0,0 +1,215 @@
|
||||
.menu-items-container.audio {
|
||||
min-width: 18em * $bar-menus-menu-volume-scaling * 0.01;
|
||||
|
||||
@import './menu.scss';
|
||||
|
||||
* {
|
||||
font-size: $font-size * $bar-menus-menu-volume-scaling * 0.01;
|
||||
}
|
||||
|
||||
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-volume-background-color);
|
||||
|
||||
.menu-items {
|
||||
border-color: if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-volume-border-color);
|
||||
opacity: $bar-menus-opacity * 0.01;
|
||||
}
|
||||
|
||||
.menu-dropdown-label.audio {
|
||||
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-volume-label-color);
|
||||
}
|
||||
|
||||
.menu-label.audio {
|
||||
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-volume-label-color);
|
||||
}
|
||||
|
||||
.menu-active.playback,
|
||||
.menu-active.input {
|
||||
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-volume-text);
|
||||
}
|
||||
|
||||
.menu-button-isactive.audio {
|
||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-volume-icons-active);
|
||||
}
|
||||
|
||||
.menu-slider.playback {
|
||||
trough {
|
||||
background: if(
|
||||
$bar-menus-monochrome,
|
||||
$bar-menus-slider-background,
|
||||
$bar-menus-menu-volume-audio_slider-background
|
||||
);
|
||||
|
||||
highlight,
|
||||
progress {
|
||||
background: if(
|
||||
$bar-menus-monochrome,
|
||||
$bar-menus-slider-primary,
|
||||
$bar-menus-menu-volume-audio_slider-primary
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
trough {
|
||||
background: if(
|
||||
$bar-menus-monochrome,
|
||||
$bar-menus-slider-backgroundhover,
|
||||
$bar-menus-menu-volume-audio_slider-backgroundhover
|
||||
);
|
||||
}
|
||||
|
||||
slider {
|
||||
background: if($bar-menus-monochrome, $bar-menus-slider-puck, $bar-menus-menu-volume-audio_slider-puck);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-slider.input {
|
||||
trough {
|
||||
background: if(
|
||||
$bar-menus-monochrome,
|
||||
$bar-menus-slider-background,
|
||||
$bar-menus-menu-volume-input_slider-background
|
||||
);
|
||||
|
||||
highlight,
|
||||
progress {
|
||||
background: if(
|
||||
$bar-menus-monochrome,
|
||||
$bar-menus-slider-primary,
|
||||
$bar-menus-menu-volume-input_slider-primary
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
trough {
|
||||
background: if(
|
||||
$bar-menus-monochrome,
|
||||
$bar-menus-slider-backgroundhover,
|
||||
$bar-menus-menu-volume-input_slider-backgroundhover
|
||||
);
|
||||
}
|
||||
|
||||
slider {
|
||||
background: if($bar-menus-monochrome, $bar-menus-slider-puck, $bar-menus-menu-volume-input_slider-puck);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-active-percentage.playback,
|
||||
.menu-active-percentage.input {
|
||||
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-volume-text);
|
||||
}
|
||||
|
||||
.menu-active-button {
|
||||
.menu-active-icon.playback,
|
||||
.menu-active-icon.input {
|
||||
color: if($bar-menus-monochrome, $bar-menus-iconbuttons-active, $bar-menus-menu-volume-iconbutton-active);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.muted {
|
||||
.menu-active-icon.playback,
|
||||
.menu-active-icon.input {
|
||||
color: if(
|
||||
$bar-menus-monochrome,
|
||||
$bar-menus-iconbuttons-passive,
|
||||
$bar-menus-menu-volume-iconbutton-passive
|
||||
);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.menu-active-icon.playback,
|
||||
.menu-active-icon.input {
|
||||
color: if(
|
||||
$bar-menus-monochrome,
|
||||
$bar-menus-iconbuttons-passive,
|
||||
$bar-menus-menu-volume-iconbutton-passive
|
||||
);
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
&.muted:hover {
|
||||
.menu-active-icon.playback,
|
||||
.menu-active-icon.input {
|
||||
color: if(
|
||||
$bar-menus-monochrome,
|
||||
$bar-menus-iconbuttons-active,
|
||||
$bar-menus-menu-volume-iconbutton-active
|
||||
);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-button-icon.playback,
|
||||
.menu-button-icon.input {
|
||||
color: if($bar-menus-monochrome, $bar-menus-icons-passive, $bar-menus-menu-volume-icons-passive);
|
||||
|
||||
&.active {
|
||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-volume-icons-active);
|
||||
}
|
||||
}
|
||||
|
||||
.menu-button.audio {
|
||||
color: if($bar-menus-monochrome, $bar-menus-icons-passive, $bar-menus-menu-volume-icons-passive);
|
||||
|
||||
.menu-button-name.playback,
|
||||
.menu-button-name.input {
|
||||
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-volume-text);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.menu-button-name.playback,
|
||||
.menu-button-name.input {
|
||||
color: if($bar-menus-monochrome, $bar-menus-listitems-active, $bar-menus-menu-volume-listitems-active);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-section-container.volume {
|
||||
margin-bottom: 0.65em;
|
||||
}
|
||||
|
||||
.menu-section-container.playback {
|
||||
margin-top: 0em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.menu-section-container.input {
|
||||
margin-top: 0em;
|
||||
}
|
||||
|
||||
.menu-label-container.input {
|
||||
border-radius: 0em;
|
||||
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-volume-card-color);
|
||||
}
|
||||
|
||||
.menu-label-container.playback {
|
||||
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-volume-card-color);
|
||||
}
|
||||
|
||||
.menu-items-section.input {
|
||||
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-volume-card-color);
|
||||
}
|
||||
|
||||
.menu-items-section.playback {
|
||||
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-volume-card-color);
|
||||
}
|
||||
|
||||
.menu-label-container.selected {
|
||||
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-volume-card-color);
|
||||
}
|
||||
|
||||
.menu-items-section.selected {
|
||||
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-volume-card-color);
|
||||
}
|
||||
|
||||
.menu-items-section.playback {
|
||||
border-radius: 0em;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user