1
0
Fork 0

html, scss

This commit is contained in:
hkernbach 2016-02-23 13:27:07 +01:00
parent 24e2dd2f58
commit fa5ece041f
11 changed files with 60 additions and 62 deletions

View File

@ -32,7 +32,7 @@
</a>
<li class="enabled">
<a id="markDocuments" class="headerButton">
<span class="icon_arangodb_edit" title="Edit documents"></span>
<span title="Edit documents"><i class="fa fa-hand-pointer-o"></i></span>
</a>
</li>
<li class="enabled">
@ -42,12 +42,12 @@
</li>
<li class="enabled">
<a id="exportCollection" class="headerButton">
<span title="Download documents as JSON file"><i class="fa fa-download"></i></span>
<span title="Download documents as JSON file"><i class="fa fa-download" style="margin-top: 1px;"></i></span>
</a>
</li>
<li class="enabled" style="margin-right: 15px">
<a id="filterCollection" class="headerButton">
<span class="icon_arangodb_filter" title="Filter collection"></span>
<span title="Filter collection"><i class="fa fa-filter"></i></span>
</a>
</li>
</ul>

View File

@ -235,8 +235,10 @@
</table>
</div>
<div class="index-button-bar index-button-bar2">
<button id="createIndex" class="button-success">Save</button>
<button id="cancelIndex" class="button-close">Back</button>
<button id="createIndex" class="button-success" style="margin-left: 15px;">Create</button>
<button id="cancelIndex" class="button-close" style="margin-left: 0;"><i class="fa fa-arrow-left"></i>
<span style="margin-left: 5px;">Back</span>
</button>
</div>
</div>
</div>

View File

@ -1,10 +1,10 @@
<script id="progressBase.ejs" type="text/template">
<div class="progress-view">
<div class="progress-content">
<div class="progress-text"></div>
<div class="pong-spinner"><i /></div>
</div>
<div class="progress-message">
<div class="progress-text"></div>
<div class="progress-action"></div>
</div>
</div>

View File

@ -13,8 +13,8 @@
<div class="tab-content" id="tabContentCustoms">
<div class="tab-pane" id="customs">
<div id="editorToolbar" class="query-toolbar editor-toolbar">
<span class="icon_arangodb" title="Upload your queries." id="import-query"><i class="fa fa-upload"></i></span>
<span class="icon_arangodb" title="Download your listed queries." id="export-query"><i class="fa fa-download"></i></span>
<span class="queryTooltips" title="Upload your queries." id="import-query"><i class="fa fa-upload"></i></span>
<span class="queryTooltips" title="Download your listed queries." id="export-query"><i class="fa fa-download"></i></span>
</div>
<div id="customsDiv" class="query-div">
</div>
@ -24,11 +24,11 @@
<div class="tab-pane active" id="query">
<div id="queryDiv" class="query-div">
<div id="editorToolbar" class="query-toolbar editor-toolbar">
<span class="icon_arangodb icon_arangodb_trash queryTooltips tooltip-margin" title="Clear" id="clearInput"/>
<span class="icon_arangodb icon_arangodb_adddoc queryTooltips" title="Save current query" id="addAQL"/>
<span class="queryTooltips tooltip-margin" title="Comment" id="commentText"><i class="fa fa-comment"></i></span>
<span class="icon_arangodb icon_arangodb_arrow6 queryTooltips tooltip-margin" title="Redo" id="redoText"/>
<span class="icon_arangodb icon_arangodb_arrow5 queryTooltips tooltip-margin" title="Undo" id="undoText"/>
<span class="queryTooltips" title="Clear" id="clearInput"><i class="fa fa-trash-o"></i></span>
<span class="queryTooltips" title="Save current query" id="addAQL"><i class="fa fa-save"></i></span>
<span class="queryTooltips" title="Comment" id="commentText"><i class="fa fa-comment"></i></span>
<span class="queryTooltips" title="Redo" id="redoText"><i class="fa fa-undo fa-flip-horizontal"></i></span>
<span class="queryTooltips" title="Undo" id="undoText"><i class="fa fa-undo"></i></span>
</div>
<div id="aqlEditor" class='aql-editor'></div>
@ -81,7 +81,7 @@
<div class="tab-pane" id="result">
<div id="outputToolbar" class="query-toolbar output-toolbar">
<!--
<span class="icon_arangodb icon_arangodb_trash queryTooltips tooltip-margin" title="Clear" id="clearOutput"></span>
<span class="icon_arangodb icon_arangodb_trash queryTooltips " title="Clear" id="clearOutput"></span>
<span class="icon_arangodb icon_arangodb_arrow1 queryTooltips" title="Unfold" id="bigOutput"></span>
-->
</div>

View File

@ -17,7 +17,7 @@ var cutByResolution = function (str) {
<th class="sorting_disabled docsFirstCol" role="columnheader" rowspan="1" colspan="1">Content</th>
<th class="sorting_disabled docsSecCol" role="columnheader" rowspan="1" colspan="1">_key</th>
<th class="sorting_disabled docsThirdCol" role="columnheader" rowspan="1" colspan="1">
<a id="addDocumentButton" class="pull-right addButton"><span class="arangoicon icon_arangodb_roundplus" title="Add a document"></span></a>
<a id="addDocumentButton" class="pull-right addButton"><span title="Add a document"><i class="fa fa-plus-circle"></i></span></a>
</th>
</tr>
</thead>

View File

@ -6,6 +6,7 @@ $c-lightgreen-2-bg: #f5f8f0;
$c-lightgreen-transp-bg: #f5f8f0;
$c-lightgreen-2-transp-bg: rgba(245, 248, 240, .95);
$c-pong-green: rgb(140, 219, 139);
$c-positive: #8aa051;
$c-positive-hover: #788f3d;

View File

@ -151,7 +151,7 @@ div.headerBar {
.headerBar a.arangoHeader {
color: $c-black;
font-size: 13pt;
font-size: 11.5pt;
font-weight: 100;
left: 0;
position: relative;
@ -177,7 +177,7 @@ div.headerBar {
.disabledBread {
color: $c-darker-grey;
float: left;
font-size: 13pt;
font-size: 11.5pt;
font-weight: 100;
padding-right: 5px;
position: relative;
@ -192,7 +192,7 @@ div.headerBar {
.activeBread {
color: $c-positive;
float: left;
font-size: 13pt;
font-size: 11.5pt;
font-weight: 100;
}

View File

@ -377,6 +377,11 @@
.modal-footer {
border-top: 0 !important;
padding-right: 17px;
.button-close {
margin-left: 20px;
margin-right: 10px;
}
}
.modal-header {

View File

@ -14,19 +14,18 @@
color: $c-nav-bg;
height: 188px;
left: 50%;
margin: -100px 0 0 -150px;
margin: -150px 0 0 -125px;
position: absolute;
top: 50%;
width: 300px;
top: 38%;
width: 250px;
.progress-content {
border: 5px solid $c-white;
border-radius: 3px;
.fa-spinner {
font-size: 100pt;
}
}
.progress-message {
@ -41,10 +40,17 @@
}
.progress-text {
background: $c-white;
color: $c-black;
float: left;
font-weight: 100;
height: 25px;
left: -5px;
margin-left: 5px;
margin-top: 10px;
position: relative;
top: -10px;
width: 100%;
}
.progress-action {
@ -73,7 +79,7 @@
i {
animation: ball 2s infinite linear;
background: $c-white;
background: $c-pong-green;
border-radius: 10px;
height: 10px;
position: absolute;
@ -84,7 +90,7 @@
.pong-spinner:before,
.pong-spinner:after {
animation: left-player 2s infinite linear;
background: $c-white;
background: $c-pong-green;
content: '';
height: 30px;
position: absolute;

View File

@ -264,10 +264,6 @@ toolbar {
padding-right: 5px;
}
.tooltip-margin {
margin-top: 1px;
}
.query-dropdown-in {
background-color: $c-white;
padding: 10px;
@ -301,6 +297,7 @@ toolbar {
margin-top: 18px;
.arango-tab {
margin-bottom: 5px;
a {
border-bottom-color: $c-tab-bottom-border;
@ -395,20 +392,16 @@ toolbar {
.editor-toolbar {
border-color: $c-editor-toolbar;
height: 33px;
margin-top: 5px;
padding-right: 5px;
span {
border-radius: 3px;
float: right;
height: 18px;
margin-left: 3px;
padding-bottom: 6px;
padding-left: 5px;
padding-right: 0;
padding-top: 3px;
padding: 3px 0 6px 10px;
position: relative;
top: 0;
width: 25px;
width: 22px;
}
span:hover,
@ -417,44 +410,29 @@ toolbar {
color: $c-white;
}
i {
margin-right: 5px;
margin-top: 3px;
a:hover,
span:hover {
cursor: pointer;
i {color: $c-white;}
}
i {
&:hover {
color: $c-white;
cursor: pointer;
}
}
.fa {
color: $c-darker-grey;
margin-left: 1px;
margin-top: 2px;
&.fa-upload {
margin-top: 1px;
}
}
.icon_arangodb {
color: $c-darker-grey;
font-size: 14pt;
&:first-child {
margin-right: 10px;
}
font-size: 15px;
}
.fa-comment,
.fa-comment-o {
font-size: 15px;
position: relative;
right: -2px;
top: -2px;
}
.arango-icon-disk {
margin-top: 1px;
top: -1px;
}
}

View File

@ -39,6 +39,12 @@
display: none;
}
}
.navmenu {
padding-left: 20px;
padding-top: 0;
position: absolute;
}
}