Increase bubble-size in mixin usage by 12px and remove superfluous calculation
This commit is contained in:
parent
ead447edc7
commit
1898e48b44
5 changed files with 7 additions and 7 deletions
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue