Added context menu module, wired up Remove Directory menu for projects.

This commit is contained in:
Thomas Wilburn 2013-11-06 21:58:39 -08:00
commit c67380a8a6
4 changed files with 28 additions and 15 deletions

View file

@ -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 {

View file

@ -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;

View file

@ -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;

View file

@ -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>