Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Merge pull request #1564 from ONLYOFFICE/feature/menu-item-checked

Browse source 
Change style for checked menu item with icon
This commit is contained in:
maxkadushkin 2022-02-14 15:22:26 +03:00 committed by GitHub
parent 7e59e1bfcc 02a84336c7
commit 02ca71358f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
apps/common/main/resources/img/toolbar/1x/.css.handlebars
View file

@ -11,12 +11,6 @@
}
}
}
.menu__icon {
.no-checkmark.checked & {
background-position-x: -20px;
background-position-x: @menu-icon-item-checked-offset-x;
}
}
.toolbar__icon, .menu__icon {
background-image: url(resources/{{{escaped_image}}});
}

12
apps/common/main/resources/less/dropdown-menu.less
View file

@ -33,6 +33,7 @@
li {
& > a {
padding: 5px 20px;
line-height: 16px;
cursor: pointer;
color: @text-normal-ie;
color: @text-normal;
@ -91,16 +92,17 @@
float: left;
width: 20px;
height: 20px;
margin: -3px 5px 0 -15px;
margin: -2px 5px 0 -15px;
background-repeat: no-repeat;
opacity: @component-normal-icon-opacity;
}
.no-checkmark.checked {
.menu-item-icon {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
border-radius: 2px;
background-color: @background-normal-ie;
background-color: @background-normal;
.box-shadow(0 0 0 2px @border-preview-select-ie);
.box-shadow(0 0 0 @scaled-two-px-value @border-preview-select);
}
}
@ -136,7 +138,7 @@
padding-left: 28px;
}
.menu-item-icon {
margin: -3px 0 0 -24px;
margin: -2px 0 0 -24px;
}
.checked:not(.no-checkmark):before {
margin-left: -22px;