Increase bubble-size in mixin usage by 12px and remove superfluous calculation

This commit is contained in:
Timothy Amello 2023-04-14 13:12:54 -04:00 committed by ayumi yu
parent ead447edc7
commit 1898e48b44
5 changed files with 7 additions and 7 deletions

View file

@ -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} {

View file

@ -2,7 +2,7 @@
// SPDX-License-Identifier: AGPL-3.0-only
.ChatColorPicker {
$bubble-size: 40px;
$bubble-size: 52px;
&__container {
max-width: 748px;

View file

@ -79,7 +79,7 @@
}
&__chat-color {
@include color-bubble(20px);
@include color-bubble(32px);
}
&-membership-list,

View file

@ -16,7 +16,7 @@
}
&__gradient-knob {
@include color-bubble(30px);
@include color-bubble(42px);
cursor: move;
position: absolute;
}

View file

@ -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;