mirror of
https://github.com/signalapp/Signal-Desktop.git
synced 2025-12-20 02:08:57 +00:00
Increase bubble-size in mixin usage by 12px and remove superfluous calculation
This commit is contained in:
@@ -660,13 +660,13 @@ $rtl-icon-map: (
|
||||
@mixin color-bubble($bubble-size) {
|
||||
background-clip: content-box;
|
||||
border-color: transparent;
|
||||
border-radius: $bubble-size + 12px;
|
||||
border-radius: $bubble-size;
|
||||
border-style: solid;
|
||||
border-width: 4px;
|
||||
cursor: pointer;
|
||||
height: $bubble-size + 12px;
|
||||
height: $bubble-size;
|
||||
padding: 2px;
|
||||
width: $bubble-size + 12px;
|
||||
width: $bubble-size;
|
||||
|
||||
@each $color, $value in $conversation-colors {
|
||||
&--#{$color} {
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
// SPDX-License-Identifier: AGPL-3.0-only
|
||||
|
||||
.ChatColorPicker {
|
||||
$bubble-size: 40px;
|
||||
$bubble-size: 52px;
|
||||
|
||||
&__container {
|
||||
max-width: 748px;
|
||||
|
||||
@@ -79,7 +79,7 @@
|
||||
}
|
||||
|
||||
&__chat-color {
|
||||
@include color-bubble(20px);
|
||||
@include color-bubble(32px);
|
||||
}
|
||||
|
||||
&-membership-list,
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
}
|
||||
|
||||
&__gradient-knob {
|
||||
@include color-bubble(30px);
|
||||
@include color-bubble(42px);
|
||||
cursor: move;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
}
|
||||
|
||||
&__knob {
|
||||
@include color-bubble(30px);
|
||||
@include color-bubble(42px);
|
||||
box-shadow: 0 0 4px $color-black-alpha-20;
|
||||
cursor: move;
|
||||
margin-inline-start: -20px;
|
||||
|
||||
Reference in New Issue
Block a user