UI fixes for conversation details screen

This commit is contained in:
Josh Perez 2021-02-01 17:57:42 -05:00 committed by GitHub
parent ddebbf8121
commit 267ae80442
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 134 additions and 51 deletions

View file

@ -2924,6 +2924,12 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
.module-conversation-header__title-clickable {
cursor: pointer;
&:focus {
@include mouse-mode {
outline: none;
}
}
}
.module-conversation-header__note-to-self {
@ -3189,7 +3195,7 @@ button.module-conversation-details__action-button {
}
&__title {
@include font-body-1-bold;
@include font-title-1;
padding-top: 12px;
padding-bottom: 8px;
}
@ -3205,6 +3211,14 @@ button.module-conversation-details__action-button {
}
}
&__leave-group {
color: $color-accent-red;
}
&__block-group {
color: $color-accent-red;
}
&__tabs {
display: flex;
justify-content: space-around;
@ -3342,8 +3356,7 @@ button.module-conversation-details__action-button {
&--reset {
&::after {
transform: scaleX(-1);
-webkit-mask: url(../images/icons/v2/undo-24.svg) no-repeat center;
-webkit-mask: url(../images/icons/v2/refresh-24.svg) no-repeat center;
@include light-theme {
background-color: $color-gray-75;
@ -3430,6 +3443,7 @@ button.module-conversation-details__action-button {
display: flex;
justify-content: center;
padding: 0 20px;
padding-bottom: 24px;
.module-media-grid-item {
border-radius: 4px;
@ -3458,6 +3472,13 @@ button.module-conversation-details__action-button {
background: none;
border: none;
padding: 0;
@include light-theme {
color: $color-gray-95;
}
@include dark-theme {
color: $color-gray-05;
}
}
}