diff --git a/apps/common/mobile/resources/less/common.less b/apps/common/mobile/resources/less/common.less
index 1371c75b2..9b9d9ee48 100644
--- a/apps/common/mobile/resources/less/common.less
+++ b/apps/common/mobile/resources/less/common.less
@@ -383,47 +383,54 @@
}
}
-.color-palettes {
- .palette {
- padding: 8px 0px;
- a {
- flex-grow: 1;
- position: relative;
- min-width: 10px;
- min-height: 26px;
- margin: 1px 1px 0 0;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset;
- &.active:after {
- content: ' ';
- position: absolute;
- width: 100%;
- height: 100%;
- box-shadow: 0 0 0 1px @white, 0 0 0 4px @themeColor;
- z-index: 1;
- border-radius: 1px;
- }
- &.transparent {
- background-repeat: no-repeat;
- background-size: 100% 100%;
- .encoded-svg-background("");
+.page {
+ .color-palettes {
+ .list {
+ .palette {
+ padding: 8px 0px;
+ .row {
+ a {
+ flex-grow: 1;
+ position: relative;
+ min-width: 10px;
+ min-height: 26px;
+ margin: 1px 1px 0 0;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset;
+ border-radius: 0;
+ &.active:after {
+ content: ' ';
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ box-shadow: 0 0 0 1px @white, 0 0 0 4px @themeColor;
+ z-index: 1;
+ border-radius: 1px;
+ }
+ &.transparent {
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ .encoded-svg-background("");
+ }
+ }
+ }
}
}
- }
- .row {
- padding: 0;
- }
- .list .item-inner {
- display: block;
- }
- .standart-colors, .dynamic-colors {
- .palette {
- display: flex;
+ .row {
+ padding: 0;
+ }
+ .list .item-inner {
+ display: block;
+ }
+ .standart-colors, .dynamic-colors {
+ .palette {
+ display: flex;
+ }
}
- }
- .dynamic-colors {
- .empty-color {
- background-color: @white;
+ .dynamic-colors {
+ .empty-color {
+ background-color: @white;
+ }
}
}
}