openstack
/
fuel-ui
Code Issues Proposed changes

Apply :hover style to Discard Changes button 

Also plus/minus buttons updated to the same colors
to make UI controls consistent

Closes-Bug: #1522028

Change-Id: I0f5a42983ead9c59b8821b554a70f3ad348eec60
This commit is contained in:
Julia Aranovich 2015-12-04 15:45:06 +03:00
parent 084a2f9602
commit 5ddf069ee2
2 changed files with 25 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/img/icons/icons-sprite.svg
View File

@ -823,11 +823,11 @@
C67.999,535.356,64.643,532,60.499,532 M60.499,544.499c-0.549,0-1-0.45-1-1s0.451-1,1-1c0.551,0,1,0.45,1,1
S61.05,544.499,60.499,544.499 M61.604,540.503c-0.049,0.548-0.539,0.996-1.088,0.996c-0.551,0-1.043-0.448-1.095-0.996
l-0.327-3.507C59.041,536.447,59.45,536,59.999,536h1c0.551,0,0.962,0.447,0.913,0.996L61.604,540.503z"/>
<path fill="#8C8C8C" d="M25.804,574.196c-2.93-2.929-7.678-2.929-10.607,0c-2.929,2.93-2.929,7.678,0,10.607
<path fill="#5988A5" d="M25.804,574.196c-2.93-2.929-7.678-2.929-10.607,0c-2.929,2.93-2.929,7.678,0,10.607
c2.929,2.929,7.678,2.929,10.607,0C28.733,581.874,28.733,577.126,25.804,574.196 M24.743,581.621l-2.121,2.121l-2.122-2.121
l-2.121,2.121l-2.121-2.121l2.121-2.121l-2.121-2.121l2.121-2.121l2.121,2.121l2.122-2.121l2.121,2.121l-2.121,2.121L24.743,581.621
z"/>
<path fill="#5988A5" d="M65.805,574.196c-2.931-2.929-7.679-2.929-10.607,0c-2.93,2.93-2.93,7.678,0,10.607
<path fill="#4D7289" d="M65.805,574.196c-2.931-2.929-7.679-2.929-10.607,0c-2.93,2.93-2.93,7.678,0,10.607
c2.929,2.929,7.678,2.929,10.607,0C68.732,581.874,68.732,577.126,65.805,574.196 M64.742,581.621l-2.121,2.121l-2.121-2.121
l-2.121,2.121l-2.121-2.121l2.121-2.121l-2.121-2.121l2.121-2.121l2.121,2.121l2.121-2.121l2.121,2.121l-2.121,2.121L64.742,581.621
z"/>
@ -890,8 +890,6 @@
s0.45-1.001,1-1.001s1,0.451,1,1.001S21.05,145.501,20.5,145.501 M21.604,141.504c-0.049,0.548-0.539,0.996-1.088,0.996
c-0.551,0-1.043-0.448-1.095-0.996l-0.327-3.508C19.042,137.448,19.45,137,20,137h1c0.55,0,0.961,0.448,0.912,0.996L21.604,141.504z
"/>
<rect fill="none" width="80" height="800"/>
<rect fill="none" width="80" height="800"/>
<path fill="#FFFFFF" d="M72.502,764h-24c-2.2,0-4,1.8-4,4v24c0,2.2,1.8,4,4,4h24c2.2,0,4-1.8,4-4v-24
C76.502,765.8,74.702,764,72.502,764z M64.061,784l-3.559-4.447L56.943,784h-3.842l7.4-9.25l7.4,9.25H64.061z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 51 KiB

30
static/styles/main.less
View File

@ -266,15 +266,24 @@
}
.discard-changes-icon {
.icon-default-styles(-53px, -572px);
width: 16px;
height: 16px;
.icon-default-styles(-13px, -572px);
&:hover {
background: url(@common-icons-sprite) -53px -572px no-repeat;
}
}
.glyphicon-ok-sign {
.icon-default-styles(-13px, -812px);
}
.base-btn-link-colors() {
@base-btn-link-color: #5988A5;
color: @base-btn-link-color;
&:hover {
color: @base-btn-link-color - 15%;
}
}
// BASE SETTINGS
:focus {
@ -1226,8 +1235,13 @@ input[type=range] {
width: @repo-uri-width;
max-width: @repo-uri-width;
}
&.repo-priority .form-control {
width: @default-input-width * 0.5;
&.repo-priority {
.form-control {
width: @default-input-width * 0.5;
}
.btn-link {
.base-btn-link-colors;
}
}
.form-control-static {
display: inline;
@ -3910,7 +3924,10 @@ input[type=range] {
.ip-ranges-control {
float: left;
padding-left: @base-indent;
button { padding: 7px 5px; }
button {
padding: 7px 5px;
.base-btn-link-colors;
}
}
}
&.mini {
@ -4289,7 +4306,6 @@ input[type=range] {
position: relative;
top: -1px;
height: 15px;
width: 15px;
.discard-changes-icon {
display: inline-block;
}