some mobile styles improvements

This commit is contained in:
Peter Savchenko 2022-11-29 10:06:19 +04:00
parent 02b6a1a7f2
commit 88828d97b3
No known key found for this signature in database
GPG key ID: E68306B1AB0F727C
3 changed files with 32 additions and 14 deletions

View file

@ -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 {

View file

@ -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);

View file

@ -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 {