pengjunjie/web-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/web-apps.git synced 2026-04-07 14:06:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix icons color

Browse Source
This commit is contained in:
Dmitry-Ilyushechkin
2025-03-07 13:38:43 +03:00
parent 0c3c14a700
commit 2bfa790028
30 changed files with 82 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/common/mobile/lib/pages/CollaborationPage.jsx
View File

@ -30,7 +30,7 @@ const CollaborationPage = props => {
<Link sheetClose=".coauth__sheet">
{Device.ios ?
<SvgIcon slot="media" symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon slot="media" symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
<SvgIcon slot="media" symbolId={IconExpandDownAndroid.id} className={'icon icon-svg down'} />
}
</Link>
</NavRight>

2
apps/common/mobile/lib/pages/UsersPage.jsx
View File

@ -20,7 +20,7 @@ const UsersPage = inject("users")(observer(props => {
<Link sheetClose=".coauth__sheet">
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg down'} />
}
</Link>
</NavRight>

4
apps/common/mobile/lib/view/VersionHistory.jsx
View File

@ -56,7 +56,7 @@ const VersionHistoryView = inject('storeVersionHistory', 'users')(observer(props
<Link sheetClose="#version-history-sheet">
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg down'} />
}
</Link>
</NavRight>
@ -65,7 +65,7 @@ const VersionHistoryView = inject('storeVersionHistory', 'users')(observer(props
<Link popoverClose="#version-history-popover">
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg down'} />
}
</Link>
</NavRight>

2
apps/common/mobile/lib/view/collaboration/Comments.jsx
View File

@ -733,7 +733,7 @@ const ViewComments = inject("storeComments", "storeAppOptions", "storeReview")(o
<Link sheetClose=".coauth__sheet">
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg down'} />
}
</Link>
</NavRight>

6
apps/common/mobile/lib/view/collaboration/Review.jsx
View File

@ -35,7 +35,7 @@ const PageReview = props => {
<Link sheetClose=".coauth__sheet">
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg down'} />
}
</Link>
</NavRight>
@ -95,7 +95,7 @@ const DisplayMode = props => {
<Link sheetClose=".coauth__sheet">
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg down'} />
}
</Link>
</NavRight>
@ -150,7 +150,7 @@ const PageReviewChange = inject("storeAppOptions")(observer(props => {
<Link sheetClose=".coauth__sheet">
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg down'} />
}
</Link>
</NavRight>

2
apps/common/mobile/resources/icons/android/icon-accept-changes.svg
View File

@ -1 +1 @@
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.3966 19.2877L21.6495 11L23 12.3562L13.3966 22L9 17.5849L10.3505 16.2288L13.3966 19.2877Z" fill="#40865C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 8L20.5 4.5L3.5 4.5L3.5 17.5L7 17.5L7 19L4 19C3.46792 19 2.97026 18.7973 2.56338 18.3918C2.18779 17.9864 2 17.5302 2 17L2 5C2 4.46978 2.18779 4.01364 2.56338 3.60819C2.97026 3.20273 3.4734 3 4.00549 3L20 3C21.1046 3 22 3.89543 22 5L22 8L20.5 8Z"/><path d="M6 8H18V9.5H6V8Z"/><path d="M6 12H16V13.5H6V12Z"/></svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.3966 19.2877L21.6495 11L23 12.3562L13.3966 22L9 17.5849L10.3505 16.2288L13.3966 19.2877Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 8L20.5 4.5L3.5 4.5L3.5 17.5L7 17.5L7 19L4 19C3.46792 19 2.97026 18.7973 2.56338 18.3918C2.18779 17.9864 2 17.5302 2 17L2 5C2 4.46978 2.18779 4.01364 2.56338 3.60819C2.97026 3.20273 3.4734 3 4.00549 3L20 3C21.1046 3 22 3.89543 22 5L22 8L20.5 8Z"/><path d="M6 8H18V9.5H6V8Z"/><path d="M6 12H16V13.5H6V12Z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 568 B

After

Width:  |  Height:  |  Size: 553 B

2
apps/common/mobile/resources/icons/android/icon-reject-changes.svg
View File

@ -1 +1 @@
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23 13.4099L19.4099 17L23 20.5901L21.5901 22L18 18.4099L14.4099 22L13 20.5901L16.5901 17L13 13.4099L14.4099 12L18 15.5901L21.5901 12L23 13.4099Z" fill="#C60915"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 10L20.5 4.5L3.5 4.5L3.5 17.5L11 17.5L11 19L4 19C3.46792 19 2.97026 18.7973 2.56338 18.3918C2.18779 17.9864 2 17.5302 2 17L2 5C2 4.46978 2.18779 4.01364 2.56338 3.60819C2.97026 3.20273 3.4734 3 4.00549 3L20 3C21.1046 3 22 3.89543 22 5L22 10L20.5 10Z"/><path d="M6 8H18V9.5H6L6 8Z"/><path d="M6 12H11V13.5H6V12Z"/></svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23 13.4099L19.4099 17L23 20.5901L21.5901 22L18 18.4099L14.4099 22L13 20.5901L16.5901 17L13 13.4099L14.4099 12L18 15.5901L21.5901 12L23 13.4099Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 10L20.5 4.5L3.5 4.5L3.5 17.5L11 17.5L11 19L4 19C3.46792 19 2.97026 18.7973 2.56338 18.3918C2.18779 17.9864 2 17.5302 2 17L2 5C2 4.46978 2.18779 4.01364 2.56338 3.60819C2.97026 3.20273 3.4734 3 4.00549 3L20 3C21.1046 3 22 3.89543 22 5L22 10L20.5 10Z"/><path d="M6 8H18V9.5H6L6 8Z"/><path d="M6 12H11V13.5H6V12Z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 627 B

After

Width:  |  Height:  |  Size: 613 B

2
apps/common/mobile/resources/icons/ios/icon-accept-changes.svg
View File

@ -1 +1 @@
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 20L9 17L8 18L12 22L22 12L21 11L12 20Z" fill="#40865C"/><path d="M19 9H5V8H19V9Z"/><path d="M16 12H5V11H16V12Z"/><path d="M14 15H5V14H14V15Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5H21V9H22V5V4H21H3H2V5V19V20H3H6V19H3V5Z"/></svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 20L9 17L8 18L12 22L22 12L21 11L12 20Z" /><path d="M19 9H5V8H19V9Z"/><path d="M16 12H5V11H16V12Z"/><path d="M14 15H5V14H14V15Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5H21V9H22V5V4H21H3H2V5V19V20H3H6V19H3V5Z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 339 B

After

Width:  |  Height:  |  Size: 325 B

2
apps/common/mobile/resources/icons/ios/icon-reject-changes.svg
View File

@ -1 +1 @@
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 11L12 12L16 16L12 20L13 21L17 17L21 21L22 20L18 16L22 12L21 11L17 15L13 11Z" fill="#AA5252"/><path d="M19 9H5V8H19V9Z"/><path d="M10 12H5V11H10V12Z"/><path d="M10 15H5V14H10V15Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5H21V9H22V5V4H21H3H2V5V19V20H3H10V19H3V5Z"/></svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 11L12 12L16 16L12 20L13 21L17 17L21 21L22 20L18 16L22 12L21 11L17 15L13 11Z"/><path d="M19 9H5V8H19V9Z"/><path d="M10 12H5V11H10V12Z"/><path d="M10 15H5V14H10V15Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5H21V9H22V5V4H21H3H2V5V19V20H3H10V19H3V5Z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 378 B

After

Width:  |  Height:  |  Size: 363 B

2
apps/common/mobile/resources/less/common-material.less
View File

@ -256,7 +256,7 @@
color: @fill-white;
.icon-svg {
opacity: 1;
fill: var(--fill-white);
fill: @fill-white;
}
}
}

2
apps/common/mobile/resources/less/ios/icons.less
View File

@ -25,7 +25,7 @@
.icon-svg {
&.icon-svg__mask {
fill: var(--text-normal);
fill: @fill-white;
vertical-align: middle;
}
}

4
apps/common/mobile/resources/less/material/icons.less
View File

@ -26,10 +26,10 @@
fill: @toolbar-icons;
&.white {
fill: var(--fill-white);
fill: @fill-white;
}
&.inactive {
fill: var(--text-tertiary);
fill: @text-tertiary;
}
&.active {
fill: @brandColor;

4
apps/documenteditor/mobile/src/less/icons-common.less
View File

@ -2,9 +2,9 @@
.icon-svg {
fill: @brand-word;
&.password-field__icon {
fill: var(--text-secondary);
fill: @text-secondary;
}
&.white {
fill: var(--fill-white);
fill: @fill-white;
}
}

2
apps/documenteditor/mobile/src/less/icons-ios.less
View File

@ -6,7 +6,7 @@
}
.tab-link-active {
.icon-svg {
fill: var(--brand-text-on-brand);
fill: @brand-text-on-brand;
}
}
}

8
apps/documenteditor/mobile/src/less/icons-material.less
View File

@ -1,7 +1,13 @@
.device-android {
.tab-link {
.icon-svg {
fill: var(--toolbar-tab-normal);
fill: @toolbar-tab-normal;
}
}
.icon-svg {
&.down {
fill: @fill-white;
}
}
}

2
apps/presentationeditor/mobile/src/less/icons-common.less
View File

@ -2,6 +2,6 @@
.icon-svg {
fill: @brand-slide;
&.white {
fill: var(--fill-white);
fill: @fill-white;;
}
}

2
apps/presentationeditor/mobile/src/less/icons-ios.less
View File

@ -3,7 +3,7 @@
.tab-link-active {
.icon-svg {
fill: var(--brand-text-on-brand);
fill: @brand-text-on-brand;
}
}
}

5
apps/presentationeditor/mobile/src/less/icons-material.less
View File

@ -9,5 +9,10 @@
//background: url('../../../../common/mobile/resources/img/header/logo-android.svg') no-repeat center;
}
}
.icon-svg {
&.down {
fill: @fill-white;
}
}
}
}

2
apps/presentationeditor/mobile/src/view/add/AddingPage.jsx
View File

@ -37,7 +37,7 @@ const AddLayoutNavbar = ({ tabs }) => {
{Device.phone && <NavRight><Link popupClose=".add-popup">
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}</Link></NavRight> }
</Navbar>
)

12
apps/presentationeditor/mobile/src/view/edit/EditChart.jsx
View File

@ -46,7 +46,7 @@ const PageCustomFillColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -117,7 +117,7 @@ const PageCustomBorderColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -158,7 +158,7 @@ const PageBorderColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -345,7 +345,7 @@ const PageDesign = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -384,7 +384,7 @@ const PageReorder = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -422,7 +422,7 @@ const PageAlign = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>

8
apps/presentationeditor/mobile/src/view/edit/EditImage.jsx
View File

@ -71,7 +71,7 @@ const PageReorder = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -113,7 +113,7 @@ const PageAlign = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -169,7 +169,7 @@ const PageReplace = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -220,7 +220,7 @@ const PageLinkSettings = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>

16
apps/presentationeditor/mobile/src/view/edit/EditShape.jsx
View File

@ -164,7 +164,7 @@ const PageStyle = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -243,7 +243,7 @@ const PageCustomFillColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -294,7 +294,7 @@ const PageStyleNoFill = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -348,7 +348,7 @@ const PageReplace = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -391,7 +391,7 @@ const PageReorder = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -433,7 +433,7 @@ const PageAlign = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -500,7 +500,7 @@ const PageBorderColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -537,7 +537,7 @@ const PageCustomBorderColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>

14
apps/presentationeditor/mobile/src/view/edit/EditSlide.jsx
View File

@ -58,7 +58,7 @@ const PageTheme = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -100,7 +100,7 @@ const PageLayout = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -251,7 +251,7 @@ const PageTransition = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -347,7 +347,7 @@ const PageEffect = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -385,7 +385,7 @@ const PageType= props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -443,7 +443,7 @@ const PageFillColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -484,7 +484,7 @@ const PageCustomFillColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>

14
apps/presentationeditor/mobile/src/view/edit/EditTable.jsx
View File

@ -105,7 +105,7 @@ const PageStyleOptions = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -161,7 +161,7 @@ const PageCustomFillColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -228,7 +228,7 @@ const PageCustomBorderColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -268,7 +268,7 @@ const PageBorderColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -396,7 +396,7 @@ const PageStyle = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -445,7 +445,7 @@ const PageReorder = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -487,7 +487,7 @@ const PageAlign = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>

16
apps/presentationeditor/mobile/src/view/edit/EditText.jsx
View File

@ -260,7 +260,7 @@ const PageOrientationTextShape = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -370,7 +370,7 @@ const PageFonts = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -466,7 +466,7 @@ const PageFontColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -507,7 +507,7 @@ const PageCustomFontColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -541,7 +541,7 @@ const PageHighlightColor = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -590,7 +590,7 @@ const PageAdditionalFormatting = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -794,7 +794,7 @@ const PageBulletsAndNumbers = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>
@ -856,7 +856,7 @@ const PageLineSpacing = props => {
<Link sheetClose='#edit-sheet'>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}
</Link>
</NavRight>

2
apps/presentationeditor/mobile/src/view/edit/EditingPage.jsx
View File

@ -43,7 +43,7 @@ const EditLayoutNavbar = ({ editors }) => {
{Device.phone && <NavRight><Link sheetClose>
{Device.ios ?
<SvgIcon symbolId={IconExpandDownIos.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg'} />
<SvgIcon symbolId={IconExpandDownAndroid.id} className={'icon icon-svg white'} />
}</Link></NavRight> }
</Navbar>
)

7
apps/spreadsheeteditor/mobile/src/less/icons-common.less
View File

@ -85,13 +85,10 @@
.icon-svg {
fill: @brand-cell;
&.icon_function {
fill: var(--text-normal)
}
&.icon-list {
color: @brand-cell;
fill: @text-normal;
}
&.white {
fill: var(--fill-white);
fill: @fill-white;;
}
}

2
apps/spreadsheeteditor/mobile/src/less/icons-ios.less
View File

@ -4,7 +4,7 @@
.tab-link-active {
.icon-svg {
fill: var(--brand-text-on-brand);
fill: @brand-text-on-brand;
}
i.icon {
&.icon-link {

3
apps/spreadsheeteditor/mobile/src/less/icons-material.less
View File

@ -20,5 +20,8 @@
//background: url('../../../../common/mobile/resources/img/header/logo-android.svg') no-repeat center;
}
}
.icon-svg {
fill: @toolbar-icons;
}
}
}

2
apps/spreadsheeteditor/mobile/src/view/Statusbar.jsx
View File

@ -245,7 +245,7 @@ const StatusbarView = inject('storeAppOptions', 'storeWorksheets', 'users')(obse
<Link href={false} id="idx-btn-all-list-tab" className={`tab${isDisabledEditSheet || isDisconnected || isWorkbookLocked ? ' disabled' : ''}`} onClick={(e) => f7.popover.open('#idx-all-list', e.target)}>
{isAndroid ?
<SvgIcon symbolId={IconListBold.id} className={'icon icon-svg'} /> :
<SvgIcon symbolId={IconList.id} className={'icon icon-svg icon-list'} />}
<SvgIcon symbolId={IconList.id} className={'icon icon-svg'} />}
</Link>
</div>
}