jeans/etcher
jeans/etcher
1
0
Fork 0
mirror of https://github.com/balena-io/etcher.git synced 2025-07-18 16:56:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(GUI): fix status dots to their position

Browse Source 
We ensure the status dots don't move about and stick to their position
by using absolute positioning relative to its parent element.

Change-Type: patch
Changelog-Entry: Fix status dots to their position.
This commit is contained in:
Benedict Aas 2018-03-23 17:33:30 +00:00
parent 4140d49db3
commit cf340f48c3
2 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
lib/gui/app/pages/main/styles/_main.scss
View File

@ -74,11 +74,14 @@ svg-icon > img[disabled] {
} }
.page-main .step-footer-split { .page-main .step-footer-split {
position: absolute;
top: 39px;
left: 28px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
max-width: $btn-min-width; width: $btn-min-width;
} }
.page-main .step-footer-underline { .page-main .step-footer-underline {
@ -108,6 +111,8 @@ svg-icon > img[disabled] {
.target-status-wrap { .target-status-wrap {
display: flex; display: flex;
position: absolute;
top: 62px;
flex-direction: column; flex-direction: column;
margin: 8px 28px; margin: 8px 28px;
align-items: flex-start; align-items: flex-start;
@ -153,3 +158,7 @@ svg-icon > img[disabled] {
.tooltip-inner { .tooltip-inner {
white-space: pre-line; white-space: pre-line;
} }
.space-vertical-large {
position: relative;
}

10
lib/gui/css/main.css
View File

@ -6543,11 +6543,14 @@ svg-icon > img[disabled] {
font-size: 10px; } font-size: 10px; }
.page-main .step-footer-split { .page-main .step-footer-split {
position: absolute;
top: 39px;
left: 28px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
max-width: 170px; } width: 170px; }
.page-main .step-footer-underline { .page-main .step-footer-underline {
border-bottom: 1px dotted; border-bottom: 1px dotted;
@ -6571,6 +6574,8 @@ svg-icon > img[disabled] {
.target-status-wrap { .target-status-wrap {
display: flex; display: flex;
position: absolute;
top: 62px;
flex-direction: column; flex-direction: column;
margin: 8px 28px; margin: 8px 28px;
align-items: flex-start; } align-items: flex-start; }
@ -6603,6 +6608,9 @@ svg-icon > img[disabled] {
.tooltip-inner { .tooltip-inner {
white-space: pre-line; } white-space: pre-line; }
.space-vertical-large {
position: relative; }
/* /*
* Copyright 2016 resin.io * Copyright 2016 resin.io
* *