Hawkin
/
arangodb
mirror of https://gitee.com/bigwinds/arangodb
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Added new button definitions to scss, no bootstrap required there anymore

This commit is contained in:
Michael Hackstein 2014-02-22 00:16:41 +01:00
parent 760baf44bd
commit 629c533b6a
27 changed files with 500 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
js/apps/system/aardvark/frontend/js/graphViewer/style/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
js/apps/system/aardvark/frontend/js/graphViewer/ui/graphViewerUI.js
View File

@ -61,7 +61,7 @@ function GraphViewerUI(container, adapterConfig, optWidth, optHeight, viewerConf
var btn, caret, list;
div.className = "btn-group";
btn = document.createElement("button");
btn.className = "btn btn-inverse btn-small dropdown-toggle";
btn.className = "button-inverse btn-small dropdown-toggle";
btn.id = id;
btn.setAttribute("data-toggle", "dropdown");
btn.appendChild(document.createTextNode(title + " "));
@ -139,7 +139,7 @@ function GraphViewerUI(container, adapterConfig, optWidth, optHeight, viewerConf
searchAttrField.type = "text";
searchAttrField.placeholder = "Attribute name";
searchAttrExampleToggle.id = "attribute_example_toggle";
searchAttrExampleToggle.className = "btn gv_example_toggle";
searchAttrExampleToggle.className = "button-neutral gv_example_toggle";
searchAttrExampleCaret.className = "caret gv_caret";
searchAttrExampleList.className = "dropdown-menu";
searchValueField.id = "value";

4
js/apps/system/aardvark/frontend/js/graphViewer/ui/modalDialogHelper.js
View File

@ -418,7 +418,7 @@ var modalDialogHelper = modalDialogHelper || {};
buttonCancel.appendChild(document.createTextNode("Close"));
buttonSubmit.id = idprefix + "submit";
buttonSubmit.className = "btn btn-success";
buttonSubmit.className = "button-success";
buttonSubmit.style.marginRight = "8px";
buttonSubmit.appendChild(document.createTextNode(buttonTitle));
@ -482,7 +482,7 @@ var modalDialogHelper = modalDialogHelper || {};
buttonCancel.appendChild(document.createTextNode("Close"));
buttonSubmit.id = idprefix + "submit";
buttonSubmit.className = "btn btn-danger";
buttonSubmit.className = "button-danger";
buttonSubmit.style.marginRight = "8px";
buttonSubmit.appendChild(document.createTextNode("Delete"));

2
js/apps/system/aardvark/frontend/js/graphViewer/ui/uiComponentsHelper.js
View File

@ -39,7 +39,7 @@ var uiComponentsHelper = uiComponentsHelper || {};
li.className = "graph_control " + prefix;
li.id = prefix;
li.appendChild(button);
button.className = "btn btn-primary gv_dropdown_entry";
button.className = "button-primary gv_dropdown_entry";
button.appendChild(document.createTextNode(title));
list.appendChild(li);
button.id = prefix + "_button";

4
js/apps/system/aardvark/frontend/js/templates/addNewGraphView.ejs
View File

@ -24,8 +24,8 @@
</table>
</div>
<div class="modal-footer">
<button id="cancel" class="btn btn-warning">Cancel</button>
<button id="createGraph" class="btn btn-success pull-right">Create</button>
<button id="cancel" class="button-warning">Cancel</button>
<button id="createGraph" class="button-success pull-right">Create</button>
</div>
</div>
</script>

2
js/apps/system/aardvark/frontend/js/templates/applicationsView.ejs
View File

@ -54,7 +54,7 @@
<div id="foxxDropdownImport" class="headerDropdown">
<div id="foxxDropdownImportInner" class="dropdownImport">
<input id="importFoxx" name="importFoxx" type="file" accept="application/zip" />
<button id="confirmFoxxImport" class="btn btn-success btn-old-padding" style="float:right">
<button id="confirmFoxxImport" class="button-success btn-old-padding" style="float:right">
<img id="uploadIndicator" style="display: none;" src="img/ajax-loader.gif"/>Import Foxx
</button>
</div>

8
js/apps/system/aardvark/frontend/js/templates/collectionView.ejs
View File

@ -64,14 +64,14 @@
</div>
<div id="colFooter" class="modal-footer">
<button id="delete-modified-collection" class="btn btn-danger">Delete</button>
<button id="save-modified-collection" class="btn btn-success" style="margin-right:8px">Save</button>
<button id="delete-modified-collection" class="button-danger">Delete</button>
<button id="save-modified-collection" class="button-success" style="margin-right:8px">Save</button>
<button class="btn btn-close btn-margin" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
<div class="alert alert-error" style="display:none" id="reallyDeleteColDiv">
<strong>Really delete Collection?</strong>
<button id="confirmDeleteCollection" class="btn btn-danger pull-right" style="margin-top: -4px; margin-right: -18px !important;">Yes</button>
<button id="abortDeleteCollection" class="btn pull-right" style="margin-top: -4px; margin-right:10px;">No</button>
<button id="confirmDeleteCollection" class="button-danger pull-right" style="margin-top: -4px; margin-right: -18px !important;">Yes</button>
<button id="abortDeleteCollection" class="button-neutral pull-right" style="margin-top: -4px; margin-right:10px;">No</button>
</div>
</div>
</script>

4
js/apps/system/aardvark/frontend/js/templates/databaseView.ejs
View File

@ -47,7 +47,7 @@
</div>
<div class="modal-footer">
<button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
<button id="submitCreateDatabase" class="btn btn-success pull-right">Create</button>
<button id="submitCreateDatabase" class="button-success pull-right">Create</button>
</div>
</div>
@ -67,7 +67,7 @@
</div>
<div class="modal-footer">
<button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
<button id="submitDeleteDatabase" class="btn btn-danger pull-right">Delete</button>
<button id="submitDeleteDatabase" class="button-danger pull-right">Delete</button>
</div>
</div>
</script>

4
js/apps/system/aardvark/frontend/js/templates/deleteGraphView.ejs
View File

@ -10,8 +10,8 @@
</span>
</div>
<div class="modal-footer">
<button id="cancel" class="btn btn-warning">Cancel</button>
<button id="confirmDelete" class="btn btn-danger pull-right">Delete</button>
<button id="cancel" class="button-warning">Cancel</button>
<button id="confirmDelete" class="button-danger pull-right">Delete</button>
</div>
</div>
</script>

2
js/apps/system/aardvark/frontend/js/templates/documentView.ejs
View File

@ -7,7 +7,7 @@
<div id="tableDiv">
<div id="documentEditor"></div>
<button id="saveDocumentButton" class="btn btn-success pull-right">Save</button>
<button id="saveDocumentButton" class="button-success pull-right">Save</button>
<div id="showSaveState">Saved...</div>
</div>

18
js/apps/system/aardvark/frontend/js/templates/documentsView.ejs
View File

@ -49,15 +49,15 @@
<option value="&gt;=">&gt;=</option>
</select><input id="attribute_value0" type="text" placeholder="Attribute value" class="filterValue">
<a id="addFilterItem"><i class="icon-plus"></i></a>
<button id="resetView" class="btn btn-primary btn-success btn-old-padding">Reset</button>
<button id="filterSend" class="btn btn-primary btn-success btn-old-padding">Filter</button>
<button id="resetView" class="button-warning btn-old-padding">Reset</button>
<button id="filterSend" class="button-success btn-old-padding">Filter</button>
</div>
</div>
<div id="importHeader" class="dropdownImport">
<div class="queryline">
<input id="importDocuments" name="importDocuments" type="file" accept="application/json" />
<button id="confirmDocImport" class="btn btn-success btn-old-padding" style="float:right">
<button id="confirmDocImport" class="button-success btn-old-padding" style="float:right">
<img id="uploadIndicator" style="display: none;" src="img/ajax-loader.gif"/>Import JSON
</button>
</div>
@ -76,7 +76,7 @@
<th class="collectionInfoTh">Action</th>
</tr>
</table>
<button id="addIndex" class="btn btn-primary btn-success">Add Index</button>
<button id="addIndex" class="button-success">Add Index</button>
</div>
<div id="newIndexView" style="display:none">
@ -194,8 +194,8 @@
</table>
</div>
<button id="createIndex" class="btn btn-success">Save</button>
<button id="cancelIndex" class="btn btn-danger">Cancel</button>
<button id="createIndex" class="button-success">Save</button>
<button id="cancelIndex" class="button-danger">Cancel</button>
</div>
</div>
@ -234,7 +234,7 @@
</div>
<div class="modal-footer">
<button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
<button id="confirmDeleteBtn" class="btn btn-danger" style="float:right" disabled="true">Delete</button>
<button id="confirmDeleteBtn" class="button-danger" style="float:right" disabled="true">Delete</button>
</div>
</div>
@ -249,7 +249,7 @@
</div>
<div class="modal-footer">
<button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
<button id="confirmDeleteIndexBtn" class="btn btn-danger" style="float:right">Delete</button>
<button id="confirmDeleteIndexBtn" class="button-danger" style="float:right">Delete</button>
</div>
</div>
@ -276,7 +276,7 @@
</div>
<div class="modal-footer">
<button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
<button id="confirmCreateEdge" class="btn btn-success" style="float:right">Create</button>
<button id="confirmCreateEdge" class="button-success" style="float:right">Create</button>
</div>
</div>
</script>

8
js/apps/system/aardvark/frontend/js/templates/foxxEditView.ejs
View File

@ -51,12 +51,12 @@
</table>
</div>
<div id="colFooter" class="modal-footer">
<button id="uninstall" class="btn btn-danger"<%=(attributes.isSystem || attributes.development) ? " disabled" : ""%>>Uninstall</button>
<button id="change" class="btn btn-success pull-right">Save</button>
<button id="uninstall" class="button-danger"<%=(attributes.isSystem || attributes.development) ? " disabled" : ""%>>Uninstall</button>
<button id="change" class="button-success pull-right">Save</button>
<%if (false && attributes.active) {%>
<button id="deactivate" class="btn btn-warning pull-right" style="margin-right:8px" disabled>Deactivate</button>
<button id="deactivate" class="button-warning pull-right" style="margin-right:8px" disabled>Deactivate</button>
<%} else if (false) {%>
<button id="activate" class="btn btn-success pull-right" style="margin-right:8px" disabled>Activate</button>
<button id="activate" class="button-success pull-right" style="margin-right:8px" disabled>Activate</button>
<%}%>
</div>

2
js/apps/system/aardvark/frontend/js/templates/foxxInstalledView.ejs
View File

@ -9,7 +9,7 @@
Git: <a href=<%=attributes.git %>>Repository</a>
</p> -->
<div class="tileBadge">
<button class="btn btn-success install">Install</button>
<button class="button-success install">Install</button>
</div>
<h5 class="collectionName"><%= attributes.name %><%= attributes.isSystem ? " (system)" : "" %> - v: <%= attributes.version %></h5>
</script>

4
js/apps/system/aardvark/frontend/js/templates/foxxMountView.ejs
View File

@ -36,8 +36,8 @@
</table>
</div>
<div id="colFooter" class="modal-footer">
<button class="btn btn-success pull-right installFoxx">Install</button>
<button id="cancel" class="btn btn-danger pull-right">Cancel</button>
<button class="button-success pull-right installFoxx">Install</button>
<button id="cancel" class="button-danger pull-right">Cancel</button>
</div>
</div>
</script>

4
js/apps/system/aardvark/frontend/js/templates/graphView.ejs
View File

@ -77,7 +77,7 @@ gs = _.sortBy(gs, sortF);
</div>
</div>
<div class="controls gv_manageButtonContainer">
<button type="submit" class="btn btn-primary" id="manageGraphs">Manage Graphs</button>
<button type="submit" class="button-primary" id="manageGraphs">Manage Graphs</button>
</div>
</div>
@ -168,7 +168,7 @@ gs = _.sortBy(gs, sortF);
<div class="control-group">
<div class="controls">
<button type="submit" class="btn btn-primary" id="createViewer" >Start</button>
<button type="submit" class="button-primary" id="createViewer" >Start</button>
</div>
</div>
</fieldset>

2
js/apps/system/aardvark/frontend/js/templates/loginView.ejs
View File

@ -8,6 +8,6 @@
<input class="loginInput" placeholder="Password" id="loginPassword" type="password" name="password">
</form>
Testing: Enter custom data!
<button id="submitLogin" class="btn btn-success pull-right">Login</button>
<button id="submitLogin" class="button-success pull-right">Login</button>
</div>
</script>

4
js/apps/system/aardvark/frontend/js/templates/manageGraphsView.ejs
View File

@ -22,8 +22,8 @@
<option value="&gt;=">&gt;=</option>
</select><input id="attribute_value0" type="text" placeholder="Attribute value" class="filterValue">
<a id="addFilterItem"><i class="icon-plus"></i></a>
<button id="resetView" class="btn btn-primary btn-success btn-old-padding">Reset</button>
<button id="filterSend" class="btn btn-primary btn-success btn-old-padding">Filter</button>
<button id="resetView" class="button-warning btn-old-padding">Reset</button>
<button id="filterSend" class="button-success btn-old-padding">Filter</button>
</div>
</div>
</div>

2
js/apps/system/aardvark/frontend/js/templates/newCollectionView.ejs
View File

@ -62,7 +62,7 @@
</div>
<div class="modal-footer">
<button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
<button id="save-new-collection" class="btn btn-success pull-right">Save</button>
<button id="save-new-collection" class="button-success pull-right">Save</button>
</div>
</div>
</script>

2
js/apps/system/aardvark/frontend/js/templates/notificationView.ejs
View File

@ -9,7 +9,7 @@
<ul class="user-dropdown-menu fixedDropdown" id="notification_menu">
<li class="dropdown-header"><a>Notifications</a></li>
<ul class="innerDropdownInnerUL"></ul>
<button id="removeAllNotifications" class="btn btn-danger">Clear</button>
<button id="removeAllNotifications" class="button-danger">Clear</button>
</ul>
</li>

14
js/apps/system/aardvark/frontend/js/templates/queryView.ejs
View File

@ -31,14 +31,14 @@
<textarea id="edit-aql-textarea"/>
</div>
<div class="buttonContainer">
<button id="delete-edit-query" class="btn btn-danger">Delete</button>
<button id="save-edit-query" class="btn btn-success">Save</button>
<button id="delete-edit-query" class="button-danger">Delete</button>
<button id="save-edit-query" class="button-success">Save</button>
</div>
</div>
<div class="alert alert-error" style="display:none" id="reallyDeleteQueryDiv">
<strong>Really delete query?</strong>
<button id="confirmDeleteQuery" class="btn btn-danger pull-right" style="margin-top: -4px; margin-right: -18px !important;">Yes</button>
<button id="abortDeleteQuery" class="btn pull-right" style="margin-top: -4px; margin-right:10px;">No</button>
<button id="confirmDeleteQuery" class="button-danger pull-right" style="margin-top: -4px; margin-right: -18px !important;">Yes</button>
<button id="abortDeleteQuery" class="button-neutral pull-right" style="margin-top: -4px; margin-right:10px;">No</button>
</div>
</div>
@ -53,8 +53,8 @@
</div>
<div id="aqlEditor"></div>
<div id="wideButtonDiv">
<button id="submitQueryButton" class="btn btn-success">Submit</button>
<button id="clearQueryButton" class="btn">Clear</button>
<button id="submitQueryButton" class="button-success">Submit</button>
<button id="clearQueryButton" class="button-neutral">Clear</button>
<div class="styled-select">
<select id="querySelect"/>
</div>
@ -92,7 +92,7 @@
</div>
<div id="colFooter" class="modal-footer">
<button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
<button id="save-new-query" class="btn btn-success pull-right">Save</button>
<button id="save-new-query" class="button-success pull-right">Save</button>
</div>
</div>

6
js/apps/system/aardvark/frontend/js/templates/userManagementView.ejs
View File

@ -51,7 +51,7 @@
</div>
<div class="modal-footer">
<button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
<button id="submitCreateUser" class="btn btn-success pull-right">Create</button>
<button id="submitCreateUser" class="button-success pull-right">Create</button>
</div>
</div>
@ -71,7 +71,7 @@
</div>
<div class="modal-footer">
<button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
<button id="submitDeleteUser" class="btn btn-danger pull-right">Delete</button>
<button id="submitDeleteUser" class="button-danger pull-right">Delete</button>
</div>
</div>
@ -99,7 +99,7 @@
</div>
<div class="modal-footer">
<button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
<button id="submitEditUser" class="btn btn-success pull-right">Save</button>
<button id="submitEditUser" class="button-success pull-right">Save</button>
</div>
</div>
</script>

2
js/apps/system/aardvark/frontend/js/templates/userProfileView.ejs
View File

@ -49,7 +49,7 @@
</div>
<div class="modal-footer">
<button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
<button id="submitEditUserProfile" class="btn btn-success pull-right">Save</button>
<button id="submitEditUserProfile" class="button-success pull-right">Save</button>
</div>
</div>
</script>

4
js/apps/system/aardvark/frontend/js/views/collectionView.js
View File

@ -66,7 +66,7 @@
if (this.myCollection.status === 'unloaded') {
$('#colFooter').prepend(
'<button id="load-modified-collection" class="btn btn-notification">Load</button>'
'<button id="load-modified-collection" class="button-notification">Load</button>'
);
$('#collectionSizeBox').hide();
$('#collectionSyncBox').hide();
@ -75,7 +75,7 @@
else if (this.myCollection.status === 'loaded') {
$('#colFooter').prepend(
'<button id="unload-modified-collection"'+
'class="btn btn-notification">Unload</button>'
'class="button-notification">Unload</button>'
);
var data = window.arangoCollectionsStore.getProperties(this.options.colId, true);
this.fillLoadedModal(data);

57
js/apps/system/aardvark/frontend/scss/_abstracts.scss
View File

@ -59,6 +59,20 @@
}
}
%warning {
background-color: $c_warning;
&:hover {
background-color: $c_warning_hover;
}
}
%icon-warning {
color: $c_warning;
&:hover {
color: $c_warning_hover;
}
}
%neutral {
background-color: $c_neutral;
&:hover {
@ -73,6 +87,49 @@
}
}
%primary {
background-color: $c_primary;
&:hover {
background-color: $c_primary_hover;
}
}
%icon-primary {
color: $c_primary;
&:hover {
color: $c_primary_hover;
}
}
%notification {
background-color: $c_notification;
&:hover {
background-color: $c_notification_hover;
}
}
%icon-notification {
color: $c_notification;
&:hover {
color: $c_notification_hover;
}
}
%inactive {
background-color: $c_inactive;
&:hover {
background-color: $c_inactive_hover;
}
}
%icon-inactive {
color: $c_inactive;
&:hover {
color: $c_inactive_hover;
}
}
%dropdown-menu {
@extend %pull-left;
position: absolute;

213
js/apps/system/aardvark/frontend/scss/_buttons.scss
View File

@ -1,6 +1,48 @@
.btn {
// Bootstrap Buttons
%btn {
@include border-radius(4px);
@include box-shadow(0);
border: none;
color: $c_white;
margin-left: 10px;
padding: 5px 16px;
font-weight: 300 !important;
font-size: 14px;
}
.button-neutral {
@extend %btn;
@extend %neutral;
}
.button-primary {
@extend %btn;
@extend %primary;
}
.button-notification {
@extend %btn;
@extend %notification;
margin-right: 5px;
}
.button-success {
@extend %btn;
@extend %positive;
}
.button-danger {
@extend %btn;
@extend %negative;
}
.button-warning {
@extend %btn;
@extend %warning;
}
.button-inactive {
@extend %btn;
@extend %inactive;
}
.addButton {
@ -19,7 +61,6 @@
padding-right: 3px;
top: 3px;
position: relative;
cursor: pointer;
}
ul.headerButtonList {
@ -27,7 +68,7 @@ ul.headerButtonList {
*display: inline;
margin-bottom: 0;
margin-left: 0;
padding-left: 0!important;
padding-left: 0 !important;
li {
display: inline;
@ -104,13 +145,14 @@ div.toolbox > {
}
}
%gvButton {
position: absolute;
margin: 0px;
left: 0px;
right: 0px;
}
h6 {
%gvButton {
position: absolute;
margin: 0px;
left: 0px;
right: 0px;
}
&.gv_icon_icon {
@extend %gvButton;
@ -123,7 +165,160 @@ h6 {
}
}
button.graphViewer-icon-button {
border: medium none;
width: 20px;
height: 20px;
margin-top: -2px;
margin-left: 5px;
padding: 0px;
background-color: transparent;
}
button.graphViewer-icon-button > img {
width:20px;
height:20px;
padding-bottom: 10px;
}
button.gv_dropdown_entry {
width: 160px;
height: 30px;
margin: 4px 4px 4px 30px;
}
button.gv_context_button {
width: 65px;
}
.btn-icon {
padding: 4px 4px;
background-color: rgb(56, 52, 52);
}
button.gv-icon-small {
background-size: 16px 16px;
width:16px;
height:16px;
}
button.gv-icon-small.delete {
background-image:url("../img/icon_delete.png");
}
button.gv-icon-small.add {
background-image:url("../img/plus_icon.png");
}
button.gv-icon-btn {
width:36px;
height:36px;
background-size: 36px 36px;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
}
button.gv-icon-btn.active {
background-color: #8AA051
}
button.btn-zoom:hover {
background: inherit;
}
button.btn-zoom {
width: 16px;
height: 16px;
padding: 0px;
margin: 0px;
position: absolute;
background: none;
}
button.btn-zoom-top {
left: 13px;
top: 0px;
}
button.btn-zoom-left {
left: 0px;
top: 12px;
}
button.btn-zoom-bottom {
left: 13px;
top: 24px;
}
button.btn-zoom-right {
right: 0px;
top: 12px;
}
button.gv-zoom-btn {
width: 14px;
height: 14px;
background-size: 14px 14px;
vertical-align: baseline;
}
button.gv-zoom-btn.pan-right{
background-image:url("../img/gv_arrow_right.png");
}
button.gv-zoom-btn.pan-left{
background-image:url("../img/gv_arrow_left.png");
}
button.gv-zoom-btn.pan-top{
background-image:url("../img/gv_arrow_top.png");
}
button.gv-zoom-btn.pan-bottom{
background-image:url("../img/gv_arrow_bottom.png");
}
a.paginationButton,
ul.arangoPagination a {
@include border-radius(2px);
}
.badge, .label, .btn {
text-shadow: none !important;
}
.thumbnail, .navbar-inner {
@include border-radius(0px);
@include box-shadow(0);
}
.modal-body th.actionCell > button {
margin-top: -12px;
}
button {
font-family: 'Open Sans', sans-serif !important;
}
.btn-old-padding {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.btn-group > .btn + .dropdown-toggle {
//@include box-shadow(1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset);
}
.btn-group.open .btn-inverse.dropdown-toggle {
background-color: $c_btn_inverse;
}
/* Cluster View */
button.btn-overview, button.btn-server {
margin: 5px;
}
button.btn-server {
width: 120px;
}

13
js/apps/system/aardvark/frontend/scss/_colors.scss
View File

@ -7,8 +7,19 @@ $c_negative_hover: #BE342E;
$c_neutral: #8F8D8C;
$c_neutral_hover: #736B68;
$c_warning: #FAA732;
$c_warning_hover: #F89406;
$c_unloaded: #FF8F35;
$c_primary: #564E4A;
$c_primary_hover: #3A322E;
$c_notification: #FAA020;
$c_notification_hover: #F87C0F;
$c_inactive: lightgrey;
$c_inactive_hover: grey;
$c_header_btn_bg: #DDDDDD;
$c_header_btn_fg: #555555;
$c_header_btn_border: #222222;
@ -36,3 +47,5 @@ $c_even : #FFFFFF;
$c_navBarSpacer : #A0A0A0;
$c_navBarSpacerShadow : #C8C8C8;
$c_btn_inverse : #736B68;

178
js/apps/system/aardvark/frontend/scss/generated.css
View File

@ -29,16 +29,51 @@ nav.navbar, footer.footer {
color: white;
z-index: 1000; }
.button-danger {
background-color: #da4f49; }
.button-danger:hover {
background-color: #be342e; }
.deleteButton, .contentTables td span {
color: #da4f49; }
.deleteButton:hover, .contentTables td span:hover {
color: #be342e; }
.button-success {
background-color: #8aa051; }
.button-success:hover {
background-color: #788f3d; }
.addButton, .contentTables td.dbThSecond span {
color: #8aa051; }
.addButton:hover, .contentTables td.dbThSecond span:hover {
color: #788f3d; }
.button-warning {
background-color: #faa732; }
.button-warning:hover {
background-color: #f89406; }
.button-neutral {
background-color: #8f8d8c; }
.button-neutral:hover {
background-color: #736b68; }
.button-primary {
background-color: #564e4a; }
.button-primary:hover {
background-color: #3a322e; }
.button-notification {
background-color: #faa020; }
.button-notification:hover {
background-color: #f87c0f; }
.button-inactive {
background-color: lightgrey; }
.button-inactive:hover {
background-color: grey; }
ul.link-dropdown-menu, ul.user-dropdown-menu {
position: absolute;
top: 80%;
@ -186,13 +221,22 @@ div.centralContent {
line-height: 0;
content: ""; }
.btn {
.button-neutral, .button-primary, .button-notification, .button-success, .button-danger, .button-warning, .button-inactive {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0; }
box-shadow: 0;
border: none;
color: white;
margin-left: 10px;
padding: 5px 16px;
font-weight: 300 !important;
font-size: 14px; }
.button-notification {
margin-right: 5px; }
.addButton {
position: relative;
@ -204,8 +248,7 @@ div.centralContent {
font-size: 22px;
padding-right: 3px;
top: 3px;
position: relative;
cursor: pointer; }
position: relative; }
ul.headerButtonList {
display: inline-block;
@ -266,23 +309,148 @@ div.toolbox > div.gv_action_button {
div.toolbox > div.gv_action_button:last-child {
margin-bottom: 0px; }
h6 h6.gv_icon_icon, h6 h6.gv_button_title {
h6.gv_icon_icon, h6.gv_button_title {
position: absolute;
margin: 0px;
left: 0px;
right: 0px; }
h6.gv_icon_icon {
font-size: 22px;
top: 6px; }
h6.gv_button_title {
bottom: 1px; }
button.graphViewer-icon-button {
border: medium none;
width: 20px;
height: 20px;
margin-top: -2px;
margin-left: 5px;
padding: 0px;
background-color: transparent; }
button.graphViewer-icon-button > img {
width: 20px;
height: 20px;
padding-bottom: 10px; }
button.gv_dropdown_entry {
width: 160px;
height: 30px;
margin: 4px 4px 4px 30px; }
button.gv_context_button {
width: 65px; }
.btn-icon {
padding: 4px 4px;
background-color: #383434; }
button.gv-icon-small {
background-size: 16px 16px;
width: 16px;
height: 16px; }
button.gv-icon-small.delete {
background-image: url("../img/icon_delete.png"); }
button.gv-icon-small.add {
background-image: url("../img/plus_icon.png"); }
button.gv-icon-btn {
width: 36px;
height: 36px;
background-size: 36px 36px;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important; }
button.gv-icon-btn.active {
background-color: #8aa051; }
button.btn-zoom:hover {
background: inherit; }
button.btn-zoom {
width: 16px;
height: 16px;
padding: 0px;
margin: 0px;
position: absolute;
background: none; }
button.btn-zoom-top {
left: 13px;
top: 0px; }
button.btn-zoom-left {
left: 0px;
top: 12px; }
button.btn-zoom-bottom {
left: 13px;
top: 24px; }
button.btn-zoom-right {
right: 0px;
top: 12px; }
button.gv-zoom-btn {
width: 14px;
height: 14px;
background-size: 14px 14px;
vertical-align: baseline; }
button.gv-zoom-btn.pan-right {
background-image: url("../img/gv_arrow_right.png"); }
button.gv-zoom-btn.pan-left {
background-image: url("../img/gv_arrow_left.png"); }
button.gv-zoom-btn.pan-top {
background-image: url("../img/gv_arrow_top.png"); }
button.gv-zoom-btn.pan-bottom {
background-image: url("../img/gv_arrow_bottom.png"); }
a.paginationButton,
ul.arangoPagination a {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; }
.badge, .label, .btn {
text-shadow: none !important; }
.thumbnail, .navbar-inner {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0; }
.modal-body th.actionCell > button {
margin-top: -12px; }
button {
font-family: 'Open Sans', sans-serif !important; }
.btn-old-padding {
padding-top: 4px !important;
padding-bottom: 4px !important; }
.btn-group.open .btn-inverse.dropdown-toggle {
background-color: #736b68; }
/* Cluster View */
button.btn-overview, button.btn-server {
margin: 5px; }
button.btn-server {
width: 120px; }
nav.navbar {
top: 0px;
height: 38px;