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:
Jas Singh
GitHub
184
src/scss/style/menus/network.scss
Normal file
184
src/scss/style/menus/network.scss
Normal file
@@ -0,0 +1,184 @@
|
||||
.menu-items-container.network * {
|
||||
font-size: $font-size * $bar-menus-menu-network-scaling * 0.01;
|
||||
}
|
||||
|
||||
@import './menu.scss';
|
||||
|
||||
.menu-items.network {
|
||||
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-network-background-color);
|
||||
border-color: if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-network-border-color);
|
||||
opacity: $bar-menus-opacity * 0.01;
|
||||
font-size: $font-size * $bar-menus-menu-network-scaling * 0.01;
|
||||
}
|
||||
|
||||
.menu-items-container.network {
|
||||
min-width: 18em * $bar-menus-menu-network-scaling * 0.01;
|
||||
font-size: 1.3em;
|
||||
|
||||
.menu-items-section {
|
||||
padding-bottom: 1.5em;
|
||||
}
|
||||
|
||||
.menu-label {
|
||||
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-network-label-color);
|
||||
}
|
||||
|
||||
.network-icon {
|
||||
font-size: 1.3em;
|
||||
min-width: 1em;
|
||||
min-height: 1em;
|
||||
color: if($bar-menus-monochrome, $bar-menus-icons-passive, $bar-menus-menu-network-icons-passive);
|
||||
|
||||
&.active {
|
||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-network-icons-active);
|
||||
}
|
||||
}
|
||||
|
||||
.menu-icon-button.network {
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
.connection-container {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.connection-status.dim {
|
||||
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-network-text);
|
||||
opacity: 0.5;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.menu-section-container.wifi {
|
||||
margin-top: 0.65em;
|
||||
|
||||
.menu-items-section {
|
||||
min-height: 12em;
|
||||
}
|
||||
}
|
||||
|
||||
.network-element-item {
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
&.staging {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.network-icon {
|
||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-network-icons-active);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.active-connection {
|
||||
color: if(
|
||||
$bar-menus-monochrome,
|
||||
$bar-menus-iconbuttons-active,
|
||||
$bar-menus-menu-network-iconbuttons-active
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
.active-connection {
|
||||
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-network-text);
|
||||
}
|
||||
|
||||
.active-connection.dim {
|
||||
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-network-text);
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
.spinner.wap {
|
||||
color: if($bar-menus-monochrome, $bar-menus-iconbuttons-active, $bar-menus-menu-network-iconbuttons-active);
|
||||
}
|
||||
|
||||
.network-password-input-container {
|
||||
background: darken(if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-network-card-color), 5%);
|
||||
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-network-text);
|
||||
border-radius: 0.4em;
|
||||
margin: 0em 2em;
|
||||
margin-top: 0.75em;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.close-network-password-input-button {
|
||||
padding: 0em 0.5em;
|
||||
|
||||
&:hover image {
|
||||
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-network-text);
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-icon-button.network.search {
|
||||
color: if($bar-menus-monochrome, $bar-menus-iconbuttons-passive, $bar-menus-menu-network-iconbuttons-passive);
|
||||
|
||||
&:hover {
|
||||
color: if($bar-menus-monochrome, $bar-menus-iconbuttons-active, $bar-menus-menu-network-iconbuttons-active);
|
||||
}
|
||||
}
|
||||
|
||||
.menu-icon-button.network.disconnect {
|
||||
color: if($bar-menus-monochrome, $bar-menus-iconbuttons-passive, $bar-menus-menu-network-iconbuttons-passive);
|
||||
margin: 0em;
|
||||
margin-top: -0.2em;
|
||||
margin-left: 1em;
|
||||
|
||||
label {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: if($bar-menus-monochrome, $bar-menus-iconbuttons-active, $bar-menus-menu-network-iconbuttons-active);
|
||||
}
|
||||
}
|
||||
|
||||
.waps-not-found.dim {
|
||||
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-network-text);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.menu-label-container {
|
||||
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-network-card-color);
|
||||
}
|
||||
|
||||
.menu-items-section {
|
||||
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-network-card-color);
|
||||
}
|
||||
|
||||
.menu-switch.network {
|
||||
background-color: if(
|
||||
$bar-menus-monochrome,
|
||||
$bar-menus-switch-disabled,
|
||||
$bar-menus-menu-network-switch-disabled
|
||||
);
|
||||
|
||||
&:checked {
|
||||
background: if($bar-menus-monochrome, $bar-menus-switch-enabled, $bar-menus-menu-network-switch-enabled);
|
||||
}
|
||||
|
||||
slider {
|
||||
background-color: if($bar-menus-monochrome, $bar-menus-switch-puck, $bar-menus-menu-network-switch-puck);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
trough {
|
||||
background: if(
|
||||
$bar-menus-monochrome,
|
||||
$bar-menus-switch-disabled,
|
||||
$bar-menus-menu-network-switch-disabled
|
||||
);
|
||||
}
|
||||
|
||||
slider {
|
||||
background: if($bar-menus-monochrome, $bar-menus-switch-puck, $bar-menus-menu-network-switch-puck);
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: if($bar-menus-monochrome, $bar-menus-switch-enabled, $bar-menus-menu-network-switch-enabled);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user