Add hover effect to tabs in modal
This commit is contained in:
parent
e555469e3f
commit
782de0165f
|
@ -36,6 +36,18 @@
|
|||
|
||||
#converse-modals {
|
||||
.modal {
|
||||
.nav-item {
|
||||
margin: 0.25em;
|
||||
&:hover {
|
||||
.nav-link {
|
||||
background-color: var(--primary-color-light);
|
||||
&.active {
|
||||
background-color: var(--primary-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
box-shadow: var(--raised-el-shadow);
|
||||
}
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
--redder-orange: #E77051;
|
||||
--orange: #E7A151;
|
||||
--light-blue: #578EA9;
|
||||
--lighter-blue: #85B47B;
|
||||
--lighter-blue: #eff4f7;
|
||||
--dark-red: #D24E2B;
|
||||
--comment: #A8ABA1;
|
||||
|
||||
|
@ -87,6 +87,7 @@
|
|||
--highlight-color: #DCF9F6;
|
||||
--primary-color-dark: #397491;
|
||||
--primary-color: var(--light-blue);
|
||||
--primary-color-light: var(--lighter-blue);
|
||||
--secondary-color-dark: #585B51;
|
||||
--secondary-color: #818479; // gray
|
||||
--warning-color-dark: #D2842B;
|
||||
|
|
|
@ -130,6 +130,7 @@
|
|||
|
||||
--primary-color: var(--purple);
|
||||
--primary-color-dark: var(--purple);
|
||||
--primary-color-light: var(--pink);
|
||||
--danger-color-dark: var(--pink);
|
||||
--danger-color: var(--pink);
|
||||
--error-color: var(--red);
|
||||
|
|
Loading…
Reference in New Issue
Block a user