scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-10-07 20:40:26 +08:00
Code Issues Projects Releases Packages Wiki Activity

Change colors of active buttons TinyMCE

Browse source 
Close SCI-3784
This commit is contained in:
Jure Grabnar 2019-09-17 15:45:27 +02:00
parent 7f415a551d
commit 40aa1a37a2
1 changed files with 25 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
app/assets/stylesheets/hooks/tinymce.scss
View file

@ -44,21 +44,36 @@
z-index: 5; z-index: 5;
} }
.mce-widget.mce-btn[aria-label="Restore last draft"] { .mce-widget.mce-btn {
background: $brand-primary; border-color: $color-white !important;
border-radius: 4px;
transition: $md-transaction;
i { &:not(.mce-active):hover,
color: $color-white; &:not(.mce-active):active {
transition: $md-transaction; span,
i {
color: $brand-primary;
}
} }
&.mce-disabled { &.mce-active,
background: transparent; &.mce-active:hover,
&.mce-active:active,
&.mce-active:focus {
background-color: $brand-primary;
span,
i { i {
color: inherit; color: $color-white;
} }
} }
} }
// Caret symbol has unneeded border-left
.mce-splitbtn:hover .mce-open {
border-left: $color-white !important;
}
// Selected item list should be $brand-primary
.mce-menu-item.mce-active.mce-menu-item-normal {
background-color: $brand-primary !important;
}