mirrors/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2025-10-31 08:11:16 +01:00
Code Issues Projects Releases Wiki Activity

Contextual menu restyling

Browse Source
This commit is contained in:
wmwragg 2016-07-25 18:04:16 +01:00
parent 791980cd1f
commit 30b1e7078f
1 changed files with 42 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/skins/vector/css/common.css
View File

@ -96,27 +96,59 @@ input[type=text]:focus, textarea:focus {
} }
.mx_ContextualMenu { .mx_ContextualMenu {
border: 1px solid #a4a4a4; border: solid 1px rgba(187, 187, 187, 0.5);
border-radius: 8px; border-radius: 4px;
background-color: #fff; background-color: #f6f6f6;
color: #747474; color: #4a4a4a;
position: fixed; position: fixed;
z-index: 2001; z-index: 2001;
padding: 6px; padding: 6px;
} }
.mx_ContextualMenu_chevron_right { .mx_ContextualMenu_chevron_right {
padding: 12px;
position: absolute; position: absolute;
right: -21px; right: -8px;
top: 0px; top: 10px;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-left: 8px solid rgba(187, 187, 187, 0.5);
border-bottom: 8px solid transparent;
}
.mx_ContextualMenu_chevron_right:after{
content:'';
width: 0;
height: 0;
border-top: 7px solid transparent;
border-left: 7px solid #f6f6f6;
border-bottom: 7px solid transparent;
position:absolute;
top: -7px;
right: 1px;
} }
.mx_ContextualMenu_chevron_left { .mx_ContextualMenu_chevron_left {
padding: 12px;
position: absolute; position: absolute;
left: -21px; left: -8px;
top: 0px; top: 10px;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-right: 8px solid rgba(187, 187, 187, 0.5);
border-bottom: 8px solid transparent;
}
.mx_ContextualMenu_chevron_left:after{
content:'';
width: 0;
height: 0;
border-top: 7px solid transparent;
border-right: 7px solid #f6f6f6;
border-bottom: 7px solid transparent;
position:absolute;
top: -7px;
left: 1px;
} }
.mx_ContextualMenu_field { .mx_ContextualMenu_field {