Added context menu module, wired up Remove Directory menu for projects.
This commit is contained in:
commit
c67380a8a6
4 changed files with 28 additions and 15 deletions
|
@ -40,7 +40,7 @@ a[target] {
|
|||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.editing {
|
||||
.central {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
align-items: stretch;
|
||||
|
@ -49,16 +49,14 @@ a[target] {
|
|||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.project {
|
||||
transition: width .3s;
|
||||
//display: none;
|
||||
width: 0px;
|
||||
z-index: 99;
|
||||
|
||||
&.show {
|
||||
//display: block;
|
||||
width: 200px;
|
||||
}
|
||||
.editing {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
align-items: stretch;
|
||||
align-content: stretch;
|
||||
flex-direction: column;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
#editor {
|
||||
|
|
|
@ -6,12 +6,24 @@
|
|||
overflow-y: auto;
|
||||
box-shadow: inset 4px 4px 16px rgba(0, 0, 0, .4);
|
||||
background: @background;
|
||||
z-index: 99;
|
||||
flex-shrink: 0;
|
||||
|
||||
transition: width .3s;
|
||||
//display: none;
|
||||
width: 0px;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
&.show {
|
||||
//display: block;
|
||||
width: 200px;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
justify-content: space-between;
|
||||
align-items: center;
|
||||
max-width: 300px;
|
||||
padding: 0px 4px;
|
||||
padding: 0px 0px 0px 4px;
|
||||
margin-right: 3px;
|
||||
opacity: .8;
|
||||
background: @background;
|
||||
|
@ -59,6 +59,7 @@
|
|||
background: @background;
|
||||
position: relative;
|
||||
margin-left: 4px;
|
||||
padding-right: 4px;
|
||||
|
||||
&:hover {
|
||||
color: @foreground;
|
||||
|
|
|
@ -8,13 +8,15 @@
|
|||
<body>
|
||||
|
||||
<ul class="toolbar"></ul>
|
||||
<div class="tabs"></div>
|
||||
|
||||
<div class="editing">
|
||||
<div class="central">
|
||||
|
||||
<div class="project"></div>
|
||||
|
||||
<div id="editor"></div>
|
||||
<div class="editing">
|
||||
<div class="tabs"></div>
|
||||
<div id="editor"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in a new issue