OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Change border radius of context menus and dialog from 4px to 8px 

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
pull/21833/head
Michael Telatynski 2020-07-13 21:56:48 +01:00
parent 6a58512397
commit 93e1ba4699
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
res/css/_common.scss
View File

@ -265,7 +265,7 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
padding: 25px 30px 30px 30px; padding: 25px 30px 30px 30px;
max-height: 80%; max-height: 80%;
box-shadow: 2px 15px 30px 0 $dialog-shadow-color; box-shadow: 2px 15px 30px 0 $dialog-shadow-color;
border-radius: 4px; border-radius: 8px;
overflow-y: auto; overflow-y: auto;
} }
@ -623,12 +623,12 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
// round the top corners of the top button for the hover effect to be bounded // round the top corners of the top button for the hover effect to be bounded
&:first-child .mx_AccessibleButton:first-child { &:first-child .mx_AccessibleButton:first-child {
border-radius: 4px 4px 0 0; // radius matches .mx_ContextualMenu border-radius: 8px 8px 0 0; // radius matches .mx_ContextualMenu
} }
// round the bottom corners of the bottom button for the hover effect to be bounded // round the bottom corners of the bottom button for the hover effect to be bounded
&:last-child .mx_AccessibleButton:last-child { &:last-child .mx_AccessibleButton:last-child {
border-radius: 0 0 4px 4px; // radius matches .mx_ContextualMenu border-radius: 0 0 8px 8px; // radius matches .mx_ContextualMenu
} }
.mx_AccessibleButton { .mx_AccessibleButton {

2
res/css/structures/_ContextualMenu.scss
View File

@ -31,7 +31,7 @@ limitations under the License.
} }
.mx_ContextualMenu { .mx_ContextualMenu {
border-radius: 4px; border-radius: 8px;
box-shadow: 4px 4px 12px 0 $menu-box-shadow-color; box-shadow: 4px 4px 12px 0 $menu-box-shadow-color;
background-color: $menu-bg-color; background-color: $menu-bg-color;
color: $primary-fg-color; color: $primary-fg-color;