mirror of
https://github.com/codex-team/editor.js
synced 2024-06-04 15:02:42 +02:00
aab317895b
* Mobile adaptation beginned * mobile ready * Narrow mode supported * update version * disable narrow mode testing * prod build * rm unnecessary code * Update src/styles/variables.css * rm unused code * add viewport * disable narrow mode on mobile * mobile: add bg to current block * add paddings for highlighted block * rm changelog
36 lines
549 B
CSS
36 lines
549 B
CSS
.ce-toolbox {
|
|
position: absolute;
|
|
visibility: hidden;
|
|
transition: opacity 100ms ease;
|
|
will-change: opacity;
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
@media (--mobile){
|
|
position: static;
|
|
transform: none !important;
|
|
align-items: center;
|
|
visibility: visible !important;
|
|
}
|
|
|
|
&--opened {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
&__button {
|
|
@apply --toolbox-button;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Styles for Narrow mode
|
|
*/
|
|
.codex-editor--narrow .ce-toolbox {
|
|
@media (--not-mobile) {
|
|
background: #fff;
|
|
z-index: 2;
|
|
}
|
|
}
|