mirror of
https://github.com/codex-team/editor.js
synced 2024-06-10 18:03:25 +02:00
some mobile styles improvements
This commit is contained in:
parent
02b6a1a7f2
commit
88828d97b3
|
@ -46,6 +46,17 @@
|
|||
&--active {
|
||||
color: var(--color-active-icon);
|
||||
}
|
||||
|
||||
svg {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@media (--mobile) {
|
||||
width: var(--toolbox-buttons-size--mobile);
|
||||
height: var(--toolbox-buttons-size--mobile);
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
|
@ -93,9 +104,11 @@
|
|||
text-align: center;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: #FBFCFE;
|
||||
box-shadow: 0 1px 3px 0 rgba(18,30,57,0.08);
|
||||
@media (--can-hover) {
|
||||
&:hover {
|
||||
background: #FBFCFE;
|
||||
box-shadow: 0 1px 3px 0 rgba(18,30,57,0.08);
|
||||
}
|
||||
}
|
||||
|
||||
svg {
|
||||
|
|
|
@ -58,8 +58,10 @@
|
|||
border-right: 1px solid var(--color-gray-border);
|
||||
box-sizing: border-box;
|
||||
|
||||
&:hover {
|
||||
background: var(--bg-light);
|
||||
@media (--can-hover) {
|
||||
&:hover {
|
||||
background: var(--bg-light);
|
||||
}
|
||||
}
|
||||
|
||||
&--hidden {
|
||||
|
@ -88,7 +90,6 @@
|
|||
|
||||
border-radius: 0;
|
||||
line-height: normal;
|
||||
padding: 0 1px !important;
|
||||
|
||||
|
||||
&--link {
|
||||
|
@ -119,6 +120,13 @@
|
|||
display: none;
|
||||
font-weight: 500;
|
||||
border-top: 1px solid rgba(201,201,204,.48);
|
||||
-webkit-appearance: none;
|
||||
font-family: inherit;
|
||||
|
||||
@media (--mobile){
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
&::placeholder {
|
||||
color: var(--grayText);
|
||||
|
|
|
@ -84,11 +84,6 @@
|
|||
border-radius: 6px;
|
||||
z-index: 2;
|
||||
|
||||
@media (--mobile){
|
||||
box-shadow: 0 8px 6px -6px rgb(33 48 73 / 19%);
|
||||
border-bottom-color: #c7c7c7;
|
||||
}
|
||||
|
||||
&--left-oriented {
|
||||
&::before {
|
||||
left: 15px;
|
||||
|
@ -162,7 +157,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
padding: 0;
|
||||
padding: 6px 1px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
|
@ -182,8 +177,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: var(--bg-light);
|
||||
@media (--can-hover) {
|
||||
&:hover {
|
||||
background-color: var(--bg-light);
|
||||
}
|
||||
}
|
||||
|
||||
&--active {
|
||||
|
|
Loading…
Reference in a new issue