mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-28 20:38:55 +03:00
Code Issues Projects Releases Packages Wiki Activity

Refactor so that chevron and menu can be positioned independantly

Browse source
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.
*/
.mx_ContextualMenu_wrapper {
position: fixed;
z-index: 2000;
}
.mx_ContextualMenu_background {
position: fixed;
top: 0;
@ -29,16 +34,19 @@ limitations under the License.
border-radius: 4px;
background-color: #f6f6f6;
color: #4a4a4a;
position: fixed;
z-index: 2001;
position: absolute;
padding: 6px;
font-size: 14px;
}
.mx_ContextualMenu.mx_ContextualMenu_right {
right: 8px;
}
.mx_ContextualMenu_chevron_right {
position: absolute;
right: -8px;
top: 10px;
top: 0px;
width: 0;
height: 0;
border-top: 8px solid transparent;
@ -58,10 +66,14 @@ limitations under the License.
right: 1px;
}
.mx_ContextualMenu.mx_ContextualMenu_left {
left: 8px;
}
.mx_ContextualMenu_chevron_left {
position: absolute;
left: -8px;
top: 10px;
top: 0px;
width: 0;
height: 0;
border-top: 8px solid transparent;
@ -84,6 +96,7 @@ limitations under the License.
.mx_ContextualMenu_field {
padding: 3px 6px 3px 6px;
cursor: pointer;
white-space: nowrap;
}
.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 {
padding: 3px 6px 3px 6px;
cursor: pointer;
white-space: nowrap;
}
.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 {
padding: 3px 6px 3px 6px;
cursor: pointer;
width: 174px;
}
.mx_NotificationStateContextMenu_field.mx_NotificationStateContextMenu_fieldSet {