lmu/uni2work.workflows.visualiser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added file menu

Browse Source
This commit is contained in:
David Mosbach 2023-05-29 00:48:38 +02:00
parent d4008c812f
commit 594b1ff161
2 changed files with 31 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
editor.css
View File

@ -126,7 +126,7 @@ body {
z-index: 15; z-index: 15;
} }
.contextmenu div { .contextmenu div, #filemenu div {
padding: 5px; padding: 5px;
background-color: rgb(230, 230, 230); background-color: rgb(230, 230, 230);
opacity: 0.95; opacity: 0.95;
@ -147,14 +147,35 @@ body {
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
} }
.contextmenu div:hover { .contextmenu div:hover, #filemenu div:hover {
background-color: rgb(240, 240, 240); background-color: rgb(240, 240, 240);
} }
.contextmenu div:active { .contextmenu div:active, #filemenu div:active {
background-color: rgb(250, 250, 250); background-color: rgb(250, 250, 250);
} }
#filemenu .menutop {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding-top: 20px;
}
#filemenu .menubottom {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding-bottom: 20px;
}
#filemenu {
padding: 0 0 0 0;
}
#filemenu div {
padding-left: 20px;
padding-right: 20px;
}
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 5px; width: 5px;
} }

8
editor.html
View File

@ -13,7 +13,13 @@
<div id="settings"> <!--Horizontal bar on top for selecting highlighting modes--> <div id="settings"> <!--Horizontal bar on top for selecting highlighting modes-->
<div class="menuitem" onclick="openFileMenu(this)"> <div class="menuitem" onclick="openFileMenu(this)">
<button>File</button> <button>File</button>
<div class="submenu">FOO</div> <div id="filemenu" class="submenu" onclick="event.stopPropagation()">
<div class="menutop">Undo (Ctrl + Z)</div>
<div class="menucenter">Redo (Ctrl + Y)</div>
<div class="menucenter">Save</div>
<div class="menucenter">Export</div>
<div class="menubottom">Open</div>
</div>
</div> </div>
<div class="menuitem" onclick="openViewMenu(this)"> <div class="menuitem" onclick="openViewMenu(this)">
<button>View</button> <button>View</button>