scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-01-31 03:59:51 +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;
}
.mce-widget.mce-btn[aria-label="Restore last draft"] {
background: $brand-primary;
border-radius: 4px;
transition: $md-transaction;
.mce-widget.mce-btn {
border-color: $color-white !important;
i {
color: $color-white;
transition: $md-transaction;
&:not(.mce-active):hover,
&:not(.mce-active):active {
span,
i {
color: $brand-primary;
}
}
&.mce-disabled {
background: transparent;
&.mce-active,
&.mce-active:hover,
&.mce-active:active,
&.mce-active:focus {
background-color: $brand-primary;
span,
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;
}