pengjunjie/web-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/web-apps.git synced 2026-07-24 10:05:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Show arrow for switch mode button

Browse Source
This commit is contained in:
Julia Radzhabova
2024-04-18 18:25:06 +03:00
parent fbacc28f57
commit 8d8dac2e05
3 changed files with 26 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/common/main/lib/view/Header.js
View File

@ -773,7 +773,7 @@ define([
if (isPDFEditor && config.isEdit && config.canSwitchMode) {
me.btnPDFMode = new Common.UI.Button({
cls: 'btn-header btn-header-pdf-mode no-caret',
cls: 'btn-header btn-header-pdf-mode',
iconCls: 'toolbar__icon icon--inverse btn-sheet-view',
caption: me.textView,
menu: true,
@ -785,7 +785,7 @@ define([
changePDFMode.call(me, config);
} else if (isDocEditor && config.isEdit && config.canSwitchMode) {
me.btnDocMode = new Common.UI.Button({
cls: 'btn-header btn-header-pdf-mode no-caret',
cls: 'btn-header btn-header-pdf-mode ',
iconCls: 'toolbar__icon icon--inverse ' + (config.isReviewOnly ? 'btn-ic-review' : 'btn-edit'),
caption: config.isReviewOnly ? me.textReview : me.textEdit,
menu: true,

15
apps/common/main/resources/less/header.less
View File

@ -229,6 +229,19 @@
opacity: @header-component-hover-icon-opacity;
}
}
.caret {
border-color: @icon-toolbar-header-ie;
border-color: @icon-toolbar-header;
}
&:active:not(.disabled),
&.active:not(.disabled){
.caret {
border-color: @icon-toolbar-header-ie;
border-color: @icon-toolbar-header;
}
}
}
svg.icon {
@ -349,7 +362,7 @@
width: auto;
.caption {
margin: 2px 0 0 2px;
margin: 2px 4px 0 2px;
color: @text-toolbar-header-ie;
color: @text-toolbar-header;
}

10
apps/common/main/resources/less/toolbar.less
View File

@ -609,6 +609,11 @@
color: @text-normal;
}
.caret {
border-color: @icon-normal-ie;
border-color: @icon-normal;
}
.inner-box-icon {
> svg {
fill: @text-normal-ie;
@ -649,6 +654,11 @@
color: @highlight-button-pressed-ie;
color: @highlight-button-pressed;
}
.caret {
border-color: @icon-normal-pressed-ie;
border-color: @icon-normal-pressed;
}
}
}
}