more colour tweaking

This commit is contained in:
Mads Rasmussen
2017-02-28 21:20:42 +01:00
parent 555e0a2281
commit c2aa137293
9 changed files with 36 additions and 23 deletions

View File

@@ -20,7 +20,10 @@
<div class="fix-left-menu selected">
<div class="avatar">
<img ng-src="../assets/img/application/logo.png">
<img
ng-src="../assets/img/application/logo.png"
ng-srcset="../assets/img/application/logo@2x.png 2x,
../assets/img/application/logo@3x.png 3x" />
</div>
<ul class="sections" ng-class="{selected: showDevicesPreview}">

View File

@@ -270,10 +270,10 @@ a, a:hover{
height: 100%;
padding: 0;
margin-left: -80px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
background: #1D1D1D;
background: #413659;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
@@ -282,8 +282,8 @@ a, a:hover{
.avatar {
text-align:center;
padding: 25px 0 29px 0;
border-bottom: 1px solid #343434;
padding: 27px 0 29px 0;
border-bottom: 1px solid #2E2246;
}
.help {
@@ -295,7 +295,7 @@ a, a:hover{
margin: 0;
font-size: 30px;
text-align: center;
color: #d9d9d9;
color: #D8D7D9;
opacity: 0.4;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
@@ -304,7 +304,7 @@ a, a:hover{
ul.sections {
display: block;
background: #1d1d1d;
background: #413659;
height: 100%;
position:absolute;
top: 90px;
@@ -320,7 +320,7 @@ ul.sections {
ul.sections li {
display: block;
border-left: 4px #1d1d1d solid;
border-left: 4px #413659 solid;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
@@ -328,7 +328,7 @@ ul.sections li {
.fix-left-menu ul.sections li a span,
.fix-left-menu ul.sections li a i {
color: #d9d9d9;
color: #8d869b;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
@@ -342,12 +342,11 @@ ul.sections li a {
margin: 0 0 0 -4px;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #343434;
border-bottom: 1px solid #2E2246;
}
ul.sections li a i {
font-size: 30px;
opacity: 0.4;
}
ul.sections li a span {
@@ -357,8 +356,16 @@ ul.sections li a span {
opacity: 0.4;
}
ul.sections li.current {
background-color: #2E2246;
}
ul.sections li.current a i {
color: #ffffff;
}
ul.sections li.current, ul.sections li:hover {
border-left: 4px #f57020 solid;
border-left: 4px #00AEA2 solid;
}
.fix-left-menu:hover ul.sections li a span,
@@ -794,7 +801,7 @@ h4.panel-title {
background-color: #ffffff;
border-radius: 10px;
opacity: 1.0;
box-shadow: 0 0 0 29px #ECECEC, 0 0 0 30px #C4C4C4;
box-shadow: 0 0 0 29px #E9E9EB, 0 0 0 30px #D8D7D9;
transition: all 0.5s ease-in-out;
}

View File

@@ -406,6 +406,7 @@ a.umb-package-details__back-link {
.umb-package-details__description {
margin-bottom: 20px;
line-height: 1.6em;
word-wrap: break-word;
}
.umb-package-details__description p {

View File

@@ -9,6 +9,7 @@
.umb-healthcheck-help-text {
line-height: 1.6em;
margin-bottom: 30px;
max-width: 750px;
}
.umb-healthcheck-action-bar {

View File

@@ -293,7 +293,7 @@
.umb-dialog a.muted:focus,
.umb-panel a.muted:hover,
.umb-panel a.muted:focus {
color: darken(@grayMed, 10%);
color: darken(@gray-5, 10%);
}
.umb-dialog .text-warning,
@@ -388,6 +388,7 @@
border: 1px solid @gray-8;
animation: fadeIn 0.5s;
flex: 0 0 55px;
border-radius: 3px;
}
.umb-panel-header-title-wrapper {

View File

@@ -1,6 +1,6 @@
<div id="examineManagement" ng-controller="Umbraco.Dashboard.ExamineMgmtController">
<h3>Examine Management</h3>
<h3 class="bold">Examine Management</h3>
<div ng-show="loading">
Loading...

View File

@@ -2,14 +2,14 @@
<div ng-if="vm.viewState === 'list'">
<h3 class="bold">Health Check</h3>
<div class="umb-healthcheck-help-text faded">
<p>The health checker evaluates various areas of your site for best practice settings, configuration, potential problems, etc. You can easily fix problems by pressing a button.
You can add your own health checks, have a look at <a href="https://our.umbraco.org/documentation/Extending/Healthcheck/" target="_blank" class="btn-link -underline">the documentation for more information</a> about custom health checks.</p>
<div class="flex justify-between items-center">
<h3 class="bold">Health Check</h3>
<button class="umb-era-button -green" type="button" ng-click="vm.checkAllGroups(vm.groups);">Check All Groups</button>
</div>
<div class="umb-healthcheck-action-bar">
<button class="umb-era-button -green" type="button" ng-click="vm.checkAllGroups(vm.groups);">Check All Groups</button>
<div class="umb-healthcheck-help-text">
<p>The health checker evaluates various areas of your site for best practice settings, configuration, potential problems, etc. You can easily fix problems by pressing a button.
You can add your own health checks, have a look at <a href="https://our.umbraco.org/documentation/Extending/Healthcheck/" target="_blank" class="btn-link -underline">the documentation for more information</a> about custom health checks.</p>
</div>
<div class="umb-healthcheck">

View File

@@ -139,7 +139,7 @@
<button type="button"
ng-class="{'-inactive' : localPackageForm.$invalid}"
ng-disabled="localPackageForm.$invalid"
class="umb-era-button -blue flex-inline mt3"
class="umb-era-button -green flex-inline mt3"
ng-click="vm.installPackage()">
Install package
</button>

View File

@@ -94,7 +94,7 @@
<button type="button"
ng-class="{'-inactive' : uninstallForm.$invalid}"
ng-disabled="uninstallForm.$invalid"
class="umb-era-button -blue flex-inline mt3"
class="umb-era-button -green flex-inline mt3"
ng-click="vm.uninstallPackage(vm.package)">
Uninstall package
</button>