gaja-group
/
element-web
forked from matrix/element-web
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Refactor so that chevron and menu can be positioned independantly

This commit is contained in:
wmwragg 2016-07-27 16:09:26 +01:00
parent 074bbc7149
commit 53f4da1d30
3 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/skins/vector/css/matrix-react-sdk/structures/ContextualMenu.css
View File

@ -14,6 +14,11 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
.mx_ContextualMenu_wrapper {
position: fixed;
z-index: 2000;
}
.mx_ContextualMenu_background { .mx_ContextualMenu_background {
position: fixed; position: fixed;
top: 0; top: 0;
@ -29,16 +34,19 @@ limitations under the License.
border-radius: 4px; border-radius: 4px;
background-color: #f6f6f6; background-color: #f6f6f6;
color: #4a4a4a; color: #4a4a4a;
position: fixed; position: absolute;
z-index: 2001;
padding: 6px; padding: 6px;
font-size: 14px; font-size: 14px;
} }
.mx_ContextualMenu.mx_ContextualMenu_right {
right: 8px;
}
.mx_ContextualMenu_chevron_right { .mx_ContextualMenu_chevron_right {
position: absolute; position: absolute;
right: -8px; right: -8px;
top: 10px; top: 0px;
width: 0; width: 0;
height: 0; height: 0;
border-top: 8px solid transparent; border-top: 8px solid transparent;
@ -58,10 +66,14 @@ limitations under the License.
right: 1px; right: 1px;
} }
.mx_ContextualMenu.mx_ContextualMenu_left {
left: 8px;
}
.mx_ContextualMenu_chevron_left { .mx_ContextualMenu_chevron_left {
position: absolute; position: absolute;
left: -8px; left: -8px;
top: 10px; top: 0px;
width: 0; width: 0;
height: 0; height: 0;
border-top: 8px solid transparent; border-top: 8px solid transparent;
@ -84,6 +96,7 @@ limitations under the License.
.mx_ContextualMenu_field { .mx_ContextualMenu_field {
padding: 3px 6px 3px 6px; padding: 3px 6px 3px 6px;
cursor: pointer; cursor: pointer;
white-space: nowrap;
} }
.mx_ContextualMenu_spinner { .mx_ContextualMenu_spinner {

1
src/skins/vector/css/vector-web/views/context_menus/MessageContextMenu.css
View File

@ -17,6 +17,7 @@ limitations under the License.
.mx_MessageContextMenu_field { .mx_MessageContextMenu_field {
padding: 3px 6px 3px 6px; padding: 3px 6px 3px 6px;
cursor: pointer; cursor: pointer;
white-space: nowrap;
} }
.mx_MessageContextMenu_field.mx_MessageContextMenu_fieldSet { .mx_MessageContextMenu_field.mx_MessageContextMenu_fieldSet {

1
src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css
View File

@ -17,6 +17,7 @@ limitations under the License.
.mx_NotificationStateContextMenu_field { .mx_NotificationStateContextMenu_field {
padding: 3px 6px 3px 6px; padding: 3px 6px 3px 6px;
cursor: pointer; cursor: pointer;
width: 174px;
} }
.mx_NotificationStateContextMenu_field.mx_NotificationStateContextMenu_fieldSet { .mx_NotificationStateContextMenu_field.mx_NotificationStateContextMenu_fieldSet {