devol
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

light skin for self hosted instances

This commit is contained in:
Kyle Spearrin 2017-09-19 17:34:20 -04:00
parent 84a36a18d6
commit 6af0e62976
5 changed files with 36 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/global/mainController.js
View File

@ -4,6 +4,7 @@ angular
.controller('mainController', function ($scope, $state, authService, appSettings, toastr, $window, $document, .controller('mainController', function ($scope, $state, authService, appSettings, toastr, $window, $document,
cryptoService, $uibModal, apiService) { cryptoService, $uibModal, apiService) {
var vm = this; var vm = this;
vm.skinClass = appSettings.selfHosted ? 'skin-blue-light' : 'skin-blue';
vm.bodyClass = ''; vm.bodyClass = '';
vm.usingControlSidebar = vm.openControlSidebar = false; vm.usingControlSidebar = vm.openControlSidebar = false;
vm.searchVaultText = null; vm.searchVaultText = null;

2
src/app/views/userLayout.html
View File

@ -59,8 +59,6 @@
</li> </li>
<li class="treeview" ng-class="{active: $state.is('backend.user.shared')}"> <li class="treeview" ng-class="{active: $state.is('backend.user.shared')}">
<a ui-sref="backend.user.shared"> <a ui-sref="backend.user.shared">
<small class="label pull-right bg-orange">NEW</small>
<i class="fa fa-share-alt fa-fw"></i> <span>Shared</span> <i class="fa fa-share-alt fa-fw"></i> <span>Shared</span>
</a> </a>
</li> </li>

2
src/index.html
View File

@ -103,7 +103,7 @@
<link rel="stylesheet" href="css/vault.css" /> <link rel="stylesheet" href="css/vault.css" />
<!-- @endexclude --> <!-- @endexclude -->
</head> </head>
<body ng-controller="mainController as main" class="layout-boxed skin-blue sidebar-mini {{main.bodyClass}}" <body ng-controller="mainController as main" class="layout-boxed {{main.skinClass}} sidebar-mini {{main.bodyClass}}"
ng-class="{'using-control-sidebar': main.usingControlSidebar, ng-class="{'using-control-sidebar': main.usingControlSidebar,
'control-sidebar-open': main.usingControlSidebar && main.openControlSidebar}"> 'control-sidebar-open': main.usingControlSidebar && main.openControlSidebar}">
<div ui-view></div> <div ui-view></div>

1
src/less/theme.less
View File

@ -46,3 +46,4 @@
/* End AdminLTE */ /* End AdminLTE */
@import "../../node_modules/admin-lte/build/less/skins/skin-blue.less"; @import "../../node_modules/admin-lte/build/less/skins/skin-blue.less";
@import "../../node_modules/admin-lte/build/less/skins/skin-blue-light.less";

53
src/less/vault.less
View File

@ -20,6 +20,39 @@ h1, h2, h3, h4, h5, h6,
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
} }
body.skin-blue-light {
.main-header {
.logo {
.logo-variant(darken(@light-blue, 5%));
}
}
.sidebar-menu > li {
> a {
font-weight: normal;
}
&:hover > a, &.active > a {
border-left-color: @light-blue;
font-weight: normal;
}
&.header {
background: darken(@sidebar-light-hover-bg, 3%);
}
> .treeview-menu {
background: #ffffff;
}
}
}
body.skin-blue {
.content-wrapper, .main-footer {
border-left: 1px solid transparent;
}
}
.login-box, .register-box { .login-box, .register-box {
width: 400px; width: 400px;
margin: 4% auto; margin: 4% auto;
@ -215,9 +248,7 @@ form div.validation-errors ul {
} }
} }
} }
/* Buttons */ /* Buttons */
.btn-table { .btn-table {
padding: 1px 5px; padding: 1px 5px;
line-height: 1; line-height: 1;
@ -259,9 +290,7 @@ form .btn .loading-icon {
display: none; display: none;
} }
} }
/* Forms */ /* Forms */
.form-control { .form-control {
border-radius: 0 !important; border-radius: 0 !important;
} }
@ -351,15 +380,11 @@ form .btn .loading-icon {
font-size: @font-size-large; font-size: @font-size-large;
} }
} }
/* Modals */ /* Modals */
.modal-footer { .modal-footer {
text-align: left; text-align: left;
} }
/* Tables */ /* Tables */
.table-selectable { .table-selectable {
td:not(.actions) { td:not(.actions) {
cursor: pointer; cursor: pointer;
@ -386,9 +411,7 @@ form .btn .loading-icon {
display: none; display: none;
} }
} }
/* Callouts */ /* Callouts */
.callout.callout-default { .callout.callout-default {
background-color: #fff; background-color: #fff;
border-color: darken(@gray, 10%); border-color: darken(@gray, 10%);
@ -420,9 +443,7 @@ form .btn .loading-icon {
color: @btn-default-color; color: @btn-default-color;
} }
} }
/* Alerts */ /* Alerts */
.alert-notification { .alert-notification {
border-radius: 0; border-radius: 0;
border-left: none; border-left: none;
@ -430,9 +451,7 @@ form .btn .loading-icon {
margin-bottom: 0; margin-bottom: 0;
cursor: pointer; cursor: pointer;
} }
/* Boxes */ /* Boxes */
.box > .list-group { .box > .list-group {
margin-bottom: 0; margin-bottom: 0;
} }
@ -489,9 +508,7 @@ form .btn .loading-icon {
} }
} }
} }
/* Toastr */ /* Toastr */
#toast-container { #toast-container {
position: absolute; position: absolute;
@ -563,15 +580,11 @@ form .btn .loading-icon {
} }
} }
} }
/* Typography */ /* Typography */
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin-top: 0; margin-top: 0;
} }
/* Misc */ /* Misc */
.strike { .strike {
text-decoration: line-through; text-decoration: line-through;
color: @text-muted; color: @text-muted;