fix(night-mode): Add css classes to unsubscribe button
Add class btn-toggle and remove bg-color from inactive buttons in night mode
This commit is contained in:
committed by
Mrugesh Mohapatra
parent
c464600867
commit
e1261526d8
@ -1151,6 +1151,12 @@ code {
|
|||||||
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
|
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
|
||||||
border-color: @night-text-color;
|
border-color: @night-text-color;
|
||||||
}
|
}
|
||||||
|
.btn-toggle {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.btn-toggle.active {
|
||||||
|
background-color: @brand-primary;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//make about page contact table reponsive on small screens
|
//make about page contact table reponsive on small screens
|
||||||
|
@ -70,7 +70,11 @@ export default function EmailSettings({
|
|||||||
bsSize='lg'
|
bsSize='lg'
|
||||||
bsStyle='primary'
|
bsStyle='primary'
|
||||||
className={
|
className={
|
||||||
classnames('positive-20', { active: sendMonthlyEmail })
|
classnames(
|
||||||
|
'positive-20',
|
||||||
|
{ active: sendMonthlyEmail },
|
||||||
|
'btn-toggle'
|
||||||
|
)
|
||||||
}
|
}
|
||||||
onClick={ toggleMonthlyEmail }
|
onClick={ toggleMonthlyEmail }
|
||||||
>
|
>
|
||||||
@ -92,7 +96,11 @@ export default function EmailSettings({
|
|||||||
bsSize='lg'
|
bsSize='lg'
|
||||||
bsStyle='primary'
|
bsStyle='primary'
|
||||||
className={
|
className={
|
||||||
classnames('positive-20', { active: sendNotificationEmail })
|
classnames(
|
||||||
|
'positive-20',
|
||||||
|
{ active: sendNotificationEmail },
|
||||||
|
'btn-toggle'
|
||||||
|
)
|
||||||
}
|
}
|
||||||
onClick={ toggleNotificationEmail }
|
onClick={ toggleNotificationEmail }
|
||||||
>
|
>
|
||||||
@ -114,7 +122,11 @@ export default function EmailSettings({
|
|||||||
bsSize='lg'
|
bsSize='lg'
|
||||||
bsStyle='primary'
|
bsStyle='primary'
|
||||||
className={
|
className={
|
||||||
classnames('positive-20', { active: sendQuincyEmail })
|
classnames(
|
||||||
|
'positive-20',
|
||||||
|
{ active: sendQuincyEmail },
|
||||||
|
'btn-toggle'
|
||||||
|
)
|
||||||
}
|
}
|
||||||
onClick={ toggleQuincyEmail }
|
onClick={ toggleQuincyEmail }
|
||||||
>
|
>
|
||||||
|
@ -5,7 +5,8 @@ import classnames from 'classnames';
|
|||||||
export default function LockSettings({isLocked, toggle}) {
|
export default function LockSettings({isLocked, toggle}) {
|
||||||
const className = classnames({
|
const className = classnames({
|
||||||
'positive-20': true,
|
'positive-20': true,
|
||||||
active: isLocked
|
active: isLocked,
|
||||||
|
'btn-toggle': true
|
||||||
});
|
});
|
||||||
return (
|
return (
|
||||||
<Row>
|
<Row>
|
||||||
|
Reference in New Issue
Block a user