f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-27 22:22:42 +00:00
Code Wiki Activity

Editor pane looks finished, injecting snippet text is workign and snippet group structure done

Browse Source
This commit is contained in:
Scott Tolksdorf
2016-05-06 13:59:41 -04:00
parent c418ea5b42
commit ad02f99ebe
7 changed files with 192 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
client/homebrew/editor/editor.less
View File

@@ -1,45 +1,10 @@
.editor{
position : relative;
height : 100%;
min-height : 100%;
width : 100%;
//display: flex;
//flex-direction: column;
/*
.textIcons{
display : inline-block;
vertical-align : top;
.icon{
display : inline-block;
height : 30px;
width : 30px;
cursor : pointer;
font-size : 1.5em;
line-height : 30px;
text-align : center;
&:nth-child(8n + 1){ background-color: @blue; }
&:nth-child(8n + 2){ background-color: @orange; }
&:nth-child(8n + 3){ background-color: @teal; }
&:nth-child(8n + 4){ background-color: @red; }
&:nth-child(8n + 5){ background-color: @purple; }
&:nth-child(8n + 6){ background-color: @silver; }
&:nth-child(8n + 7){ background-color: @yellow; }
&:nth-child(8n + 8){ background-color: @green; }
}
}
textarea{
box-sizing : border-box;
resize : none;
overflow-y : scroll;
height : 100%;
width : 100%;
padding : 10px;
border : none;
outline: none;
}
*/
width : 100%;
height : 500px;
.snippetBar{
padding : 5px;
@@ -48,7 +13,6 @@
display: flex;
align-items: center;
//justify-content: center;
.snippetGroup{
@@ -59,11 +23,56 @@
background-color: #999;
}
padding : 5px;
font-size: 20px;
font-size: 15px;
margin: 0px 10px;
.text{
line-height: 20px;
.groupName{
margin-left: 6px;
font-size: 12px;
}
}
//cursor : pointer;
&:hover{
.dropdown{
visibility: visible;
}
}
.dropdown{
position: absolute;
z-index : 1000;
background-color: #ddd;
padding : 5px;
visibility: hidden;
.snippet{
font-size: 13px;
padding : 10px;
.animate(background-color);
cursor : pointer;
&:hover{
background-color: #999;
}
}
}
}
}
.codeEditor{
height : 100%;
}
}