diff --git a/apps/common/mobile/resources/less/_mixins.less b/apps/common/mobile/resources/less/_mixins.less index bc4541de0..c6a6c1b9b 100644 --- a/apps/common/mobile/resources/less/_mixins.less +++ b/apps/common/mobile/resources/less/_mixins.less @@ -5,6 +5,11 @@ -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,@{url}"); } +.encoded-svg-uncolored-mask(@svg) { + @url: `encodeURIComponent(@{svg})`; + -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,@{url}"); +} + .encoded-svg-background(@svg) { @url: `encodeURIComponent(@{svg})`; background-image: url("data:image/svg+xml;charset=utf-8,@{url}"); diff --git a/apps/common/mobile/resources/less/common-ios.less b/apps/common/mobile/resources/less/common-ios.less index a03af5378..d82f183f3 100644 --- a/apps/common/mobile/resources/less/common-ios.less +++ b/apps/common/mobile/resources/less/common-ios.less @@ -1,5 +1,3 @@ -@import "./ios/_contextmenu"; -@import "icons-ios"; .device-ios { @blockTitleColor: #6d6d72; diff --git a/apps/common/mobile/resources/less/icons-ios.less b/apps/common/mobile/resources/less/icons-ios.less deleted file mode 100644 index 6b05d232e..000000000 --- a/apps/common/mobile/resources/less/icons-ios.less +++ /dev/null @@ -1,9 +0,0 @@ -.device-ios { - i.icon { - &.icon-paste { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - } -} \ No newline at end of file diff --git a/apps/common/mobile/resources/less/icons.less b/apps/common/mobile/resources/less/icons.less new file mode 100644 index 000000000..20a138647 --- /dev/null +++ b/apps/common/mobile/resources/less/icons.less @@ -0,0 +1,10 @@ +@import "./ios/icons"; +@import "./material/icons"; + +i.icon { + &.icon-paste { + width: 24px; + height: 24px; + .encoded-svg-uncolored-mask(''); + } +} diff --git a/apps/common/mobile/resources/less/ios/icons.less b/apps/common/mobile/resources/less/ios/icons.less new file mode 100644 index 000000000..5fa78c04f --- /dev/null +++ b/apps/common/mobile/resources/less/ios/icons.less @@ -0,0 +1,8 @@ + +.device-ios { + i.icon { + &.icon_mask { + background-color: white; + } + } +} diff --git a/apps/common/mobile/resources/less/material/icons.less b/apps/common/mobile/resources/less/material/icons.less new file mode 100644 index 000000000..6891a5b97 --- /dev/null +++ b/apps/common/mobile/resources/less/material/icons.less @@ -0,0 +1,8 @@ + +.device-android { + i.icon { + &.icon_mask { + background-color: black; + } + } +}