Added a scrollbar to the network and bluetooth menu. (#593)

* Added a scrollbar to the network and bluetooth menu.

* Update themes

* Adjust height of network menu scroller.
This commit is contained in:
Jas Singh
2024-12-22 02:19:51 -08:00
committed by GitHub
parent 3e2f641237
commit dec781071a
52 changed files with 2824 additions and 2668 deletions

View File

@@ -33,9 +33,11 @@ export const BluetoothDevices = (): JSX.Element => {
deviceListBinding.drop();
}}
>
<box className={'menu-content'} vertical>
{deviceListBinding()}
</box>
<scrollable className={'menu-scroller bluetooth'}>
<box className={'menu-content'} vertical>
{deviceListBinding()}
</box>
</scrollable>
</box>
);
};

View File

@@ -15,33 +15,35 @@ export const WirelessAPs = (): JSX.Element => {
if (filteredWAPs.length <= 0 && staging.get() === undefined) {
return (
<label
className="waps-not-found dim"
className={'waps-not-found dim'}
expand
halign={Gtk.Align.CENTER}
valign={Gtk.Align.CENTER}
label="No Wi-Fi Networks Found"
label={'No Wi-Fi Networks Found'}
/>
);
}
return (
<box className="available-waps-list" vertical>
{filteredWAPs.map((ap: AstalNetwork.AccessPoint) => {
return (
<box className="network-element-item">
<AccessPoint connecting={connecting} accessPoint={ap} />
<Controls connecting={connecting} accessPoint={ap} />
</box>
);
})}
</box>
<scrollable className={'menu-scroller wap'}>
<box className={'available-waps-list'} vertical>
{filteredWAPs.map((ap: AstalNetwork.AccessPoint) => {
return (
<box className={'network-element-item'}>
<AccessPoint connecting={connecting} accessPoint={ap} />
<Controls connecting={connecting} accessPoint={ap} />
</box>
);
})}
</box>
</scrollable>
);
},
);
return (
<box
className="available-waps"
className={'available-waps'}
vertical
onDestroy={() => {
wapBinding.drop();