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

Move all status/alert dialogs into the Left Pane

Browse source
This commit is contained in:
Josh Perez 2020-02-12 13:30:58 -08:00 • committed by GitHub
parent 101070bf42
commit 18fd44f504
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
50 changed files with 1298 additions and 607 deletions
Download patch file Download diff file Expand all files Collapse all files

81
stylesheets/_modules.scss
View file

@ -4685,8 +4685,10 @@ button.module-image__border-overlay:focus {
.module-search-results__conversations-header {
@include font-body-1-bold;
height: 36px;
height: 52px;
margin-left: 16px;
padding-bottom: 8px;
padding-top: 8px;
@include dark-theme {
color: $color-gray-05;
@ -4716,8 +4718,10 @@ button.module-image__border-overlay:focus {
.module-search-results__messages-header {
@include font-body-1-bold;
height: 36px;
height: 52px;
margin-left: 16px;
padding-bottom: 8px;
padding-top: 8px;
@include dark-theme {
color: $color-gray-05;
@ -6381,6 +6385,79 @@ button.module-image__border-overlay:focus {
}
}
.module-left-pane-dialog {
background: $color-accent-green;
color: $color-white;
padding: 16px;
.module-left-pane-dialog__message {
h3 {
@include font-body-1-bold;
padding: 0px;
margin: 0px;
margin-bottom: 8px;
}
span {
@include font-body-1;
display: inline-block;
}
}
.module-left-pane-dialog__actions {
margin-top: 8px;
text-align: right;
.module-left-pane-dialog__link {
@include keyboard-mode {
display: inline-block;
outline: 0;
}
}
button {
background: inherit;
border-radius: 20px;
border: solid 1px $color-white;
color: $color-white;
cursor: pointer;
font-family: inherit;
margin: 0 4px;
padding: 8px 16px;
outline: 0;
&:focus {
@include keyboard-mode {
box-shadow: 0 0 0 3px $color-signal-blue;
}
}
&:hover {
@include mouse-mode {
box-shadow: 0 0 0 3px $color-signal-blue;
}
}
}
.module-left-pane-dialog__button--no-border {
border: none;
}
}
&.module-left-pane-dialog--error {
background-color: $color-accent-red;
}
&.module-left-pane-dialog--warning {
background-color: $color-accent-yellow;
color: $color-black;
button {
border-color: $color-black;
color: $color-black;
}
}
}
// Module: Emoji Picker
%module-emoji-picker--ribbon {