diff --git a/apps/common/mobile/resources/less/common.less b/apps/common/mobile/resources/less/common.less index 1fdd09e1a..ac9bfdaeb 100644 --- a/apps/common/mobile/resources/less/common.less +++ b/apps/common/mobile/resources/less/common.less @@ -124,62 +124,63 @@ } } } -// Bullets, numbers and multilevels - .bullets, - .numbers, - .multilevels { - .list{ - margin: 5px; - ul { - background: none; - &:before, &:after { - display: none; - } - display: flex; - justify-content: space-around; - width: 100%; - margin-top: 10px; - padding: 0 5px; - li { - width: 70px; - height: 70px; - border: 1px solid @gray; - html.pixel-ratio-2 & { - border: 0.5px solid @gray; - } - html.pixel-ratio-3 & { - border: 0.33px solid @gray; - } - - .thumb { +// Bullets, numbers and multilevels + +.bullets, +.numbers, +.multilevels { + .list { + margin: 0; + ul { + background: none; + &:before, &:after { + display: none; + } + display: flex; + justify-content: space-around; + width: 100%; + padding: 5px; + + li { + width: 70px; + height: 70px; + border: 1px solid @gray; + html.pixel-ratio-2 & { + border: 0.5px solid @gray; + } + html.pixel-ratio-3 & { + border: 0.33px solid @gray; + } + + .thumb { + width: 100%; + height: 100%; + background-color: @fill-white; + background-size: cover; + + label { width: 100%; - height: 100%; - background-color: @fill-white; - background-size: cover; - - label { - width: 100%; - text-align: center; - position: absolute; - top: 34%; - color: @fill-black; - } + text-align: center; + position: absolute; + top: 34%; + color: @fill-black; } } } } - - .row.list .item-content { - padding-left: 0; - min-height: 68px; - .item-inner{ - padding: 0; - &:after { - display: none; - } + } + + .row.list .item-content { + padding-left: 0; + min-height: 68px; + .item-inner{ + padding: 0; + &:after { + display: none; } } + } } .popover__titled .popover-inner{ @@ -195,6 +196,14 @@ } } +.popover .list + .list { + margin-top: 0; +} + +.popover .list:first-child li:first-child, .popover .list:first-child li:first-child a, .popover .list:first-child li:first-child > label, .popover .list:last-child li:last-child, .popover .list:last-child li:last-child a, .popover .list:last-child li:last-child > label { + border-radius: 0; +} + .shapes { li { width: 70px;