speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-05-11 02:48:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Moved some CSS to battle specificity issues

Browse source 
- Fixes sidebar button coloring/hover
This commit is contained in:
adroslice 2023-03-26 19:30:46 +02:00
parent bdbbae825a
commit 89933d4986
2 changed files with 11 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
client/src/global-styles/components.css
View file

@ -60,7 +60,12 @@ th svg {
button, .button {
background-color: var(--cl-bg-el);
}
.button:hover, button:hover, svg:hover {
/* Button Background Exception for Nav Menu */
.nav-body button,
.nav-body .button {
background-color: var(--cl-bg);
}
.button:hover, button:hover {
background-color: var(--cl-bg-hl);
}
@ -69,6 +74,10 @@ input {
border: 1px solid var(--cl-fg);
}
table {
background-color: var(--cl-bg);
}
th {
background-color: var(--cl-bg-el);
}
@ -76,13 +85,3 @@ th {
tbody tr:hover, th:hover {
background-color: var(--cl-bg-hl);
}
/* Button Background Exception for Nav Menu */
.nav-body > button, .button {
background-color: var(--cl-bg);
}
.nav-body > * > button, .nav-body > * > button > svg {
background-color: var(--cl-bg);
}

2
client/src/pages/firewall/Rules.vue
View file

@ -33,6 +33,6 @@ onMounted(async() => {
<PageHeader title="Forward Rules">
<button @click="loadRules">Load Rules</button>
</PageHeader>
<NiceTable class="cl-p-3" :columns="columns" v-model:data="rules"/>
<NiceTable class="cl-secondary" :columns="columns" v-model:data="rules"/>
</div>
</template>