docker-multiarch/openwrt-firmware-selector
1
0
Fork 0
mirror of https://git.netzspielplatz.de/docker-multiarch/openwrt-firmware-selector.git synced 2025-11-08 22:29:28 +00:00
Code Issues Projects Releases Wiki Activity

Change the checkboxes to chips. Provide input field for extra modules

Browse source 
On considerations, the checkboxes were found to be limited as the
customization was limited by that interface. Now a "chip" styled
interface has been introduced alongside a text input field to add
custom packages.
An array separated by commas or newline can be feeded into the input
for bigger lists.

Signed-off-by: Sudhanshu Gautam <me@sudhanshug.com>
This commit is contained in:
Sudhanshu Gautam 2019-07-14 13:18:56 +05:30
parent 40f466153b
commit c05ac4dc2c
4 changed files with 106 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/containers/home/home.scss
View file

@ -53,9 +53,11 @@
background-color: #fff;
z-index: 9;
overflow: hidden;
.interface-switch {
color: #000;
}
.advanced-settings {
border: 1px solid #999;
background-color: #f0f0f0;
@ -73,22 +75,24 @@
padding-top: 30px;
background-color: #fff;
}
}
}
.package {
padding-right: 15px;
padding-left: 5px;
border-radius: 30px;
user-select: none;
}
.package-list-input {
.package {
margin: 5px 10px 5px 0px;
border-radius: 30px;
vertical-align: middle;
user-select: none;
}
.package:hover {
background-color: #f0f0f0;
}
.package:hover {
background-color: #f0f0f0;
}
.package:focus, .package:active {
transition: .2s;
background-color: darken(#f0f0f0, 15%);
}
.package:focus, .package:active {
transition: .2s;
background-color: darken(#f0f0f0, 15%);
}
}
}