mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

6
stylesheets/_mixins.scss
View file

@ -660,13 +660,13 @@ $rtl-icon-map: (
@mixin color-bubble($bubble-size) { @mixin color-bubble($bubble-size) {
background-clip: content-box; background-clip: content-box;
border-color: transparent; border-color: transparent;
border-radius: $bubble-size + 12px; border-radius: $bubble-size;
border-style: solid; border-style: solid;
border-width: 4px; border-width: 4px;
cursor: pointer; cursor: pointer;
height: $bubble-size + 12px; height: $bubble-size;
padding: 2px; padding: 2px;
width: $bubble-size + 12px; width: $bubble-size;
@each $color, $value in $conversation-colors { @each $color, $value in $conversation-colors {
&--#{$color} { &--#{$color} {

2
stylesheets/components/ChatColorPicker.scss
View file

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

2
stylesheets/components/ConversationDetails.scss
View file

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

2
stylesheets/components/CustomColorEditor.scss
View file

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

2
stylesheets/components/GradientDial.scss
View file

@ -30,7 +30,7 @@
} }
&__knob { &__knob {
@include color-bubble(30px); @include color-bubble(42px);
box-shadow: 0 0 4px $color-black-alpha-20; box-shadow: 0 0 4px $color-black-alpha-20;
cursor: move; cursor: move;
margin-inline-start: -20px; margin-inline-start: -20px;