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

Add Etcher logo to application footer (#302)

Browse Source 
Fixes: https://github.com/resin-io/etcher/issues/252
Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
This commit is contained in:
Juan Cruz Viotti 2016-04-12 13:01:56 -04:00
parent 3efea5b308
commit 77da54431a
5 changed files with 43 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/images/etcher.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

7
build/css/main.css
View File

@ -1254,7 +1254,7 @@ mark,
.text-right, .section-header { .text-right, .section-header {
text-align: right; } text-align: right; }
.text-center, .alert, .alert-ribbon { .text-center, .alert, .alert-ribbon, .section-footer {
text-align: center; } text-align: center; }
.text-justify { .text-justify {
@ -6332,6 +6332,9 @@ body {
color: #ddd; } color: #ddd; }
.section-footer { .section-footer {
display: flex;
align-items: center;
justify-content: center;
position: fixed; position: fixed;
bottom: 20px; bottom: 20px;
left: 0; left: 0;
@ -6343,7 +6346,7 @@ body {
.section-footer .col-xs { .section-footer .col-xs {
padding: 0; } padding: 0; }
.section-footer hero-icon .icon { .section-footer hero-icon .icon {
margin: 0; } margin: 0 13px; }
.section-footer [open-external]:hover { .section-footer [open-external]:hover {
color: #85898c; color: #85898c;
text-decoration: underline; } text-decoration: underline; }

24
lib/index.html
View File

@ -36,18 +36,20 @@
<main class="wrapper" ui-view></main> <main class="wrapper" ui-view></main>
<footer class="section-footer row between-xs middle-xs"> <footer class="section-footer">
<div class="col-xs"> <hero-icon path="../assets/images/etcher.svg"
<div class="box text-left"> width="83px"
<hero-icon path="../assets/images/resin.svg" width="85px" height="auto" open-external="https://resin.io"></hero-icon> height="13px"
</div> open-external="https://etcher.io"></hero-icon>
</div>
<div class="col-xs"> <span class="caption">
<div class="box text-right"> IS <span open-external="https://github.com/resin-io/etcher">AN OPEN SOURCE PROJECT</span> BY
<p class="caption"><span open-external="https://github.com/resin-io/etcher">AN OPEN SOURCE PROJECT</span> BY <span open-external="https://resin.io">RESIN.IO</span></p> </span>
</div>
</div> <hero-icon path="../assets/images/resin.svg"
width="79px"
height="23px"
open-external="https://resin.io"></hero-icon>
</footer> </footer>
</body> </body>
</html> </html>

9
lib/scss/main.scss
View File

@ -74,6 +74,12 @@ body {
} }
.section-footer { .section-footer {
@extend .text-center;
display: flex;
align-items: center;
justify-content: center;
position: fixed; position: fixed;
bottom: 20px; bottom: 20px;
left: 0; left: 0;
@ -89,9 +95,8 @@ body {
padding: 0; padding: 0;
} }
// Align icon to the left
hero-icon .icon { hero-icon .icon {
margin: 0; margin: 0 13px;
} }
[open-external]:hover { [open-external]:hover {

BIN
screenshot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 120 KiB

After

Width:  |  Height:  |  Size: 121 KiB