gui: Vertically center identicons in panel titles

GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3256
This commit is contained in:
Daniel Harte 2016-06-02 20:52:10 +00:00 committed by Jakob Borg
parent 6a67921e40
commit 855a1bef89
4 changed files with 10 additions and 2 deletions

View File

@ -101,6 +101,10 @@ li.hidden-xs:hover, .navbar-link:hover, .navbar-link:focus {
fill: #aaa; fill: #aaa;
} }
.panel-warning .identicon rect {
fill: #222;
}
.panel-heading:hover, .panel-heading:focus { .panel-heading:hover, .panel-heading:focus {
text-decoration: none; text-decoration: none;
} }

View File

@ -201,7 +201,7 @@ identicon {
line-height: 1; line-height: 1;
} }
h4 identicon{ h3 identicon, h4 identicon{
margin-top: 0.125em; margin-top: 0.125em;
margin-bottom: 0.125em; margin-bottom: 0.125em;
} }

View File

@ -15,6 +15,10 @@
fill: #333; fill: #333;
} }
.panel-warning .identicon rect {
fill: #fff;
}
.li-column { .li-column {
background-color: rgb(236, 240, 241); background-color: rgb(236, 240, 241);
border-radius: 3px; border-radius: 3px;

View File

@ -135,7 +135,7 @@
<div class="panel panel-warning"> <div class="panel panel-warning">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="panel-title"> <h3 class="panel-title">
<identicon data-value="device"></identicon> <identicon class="panel-icon" data-value="device"></identicon>
<span translate>New Device</span> <span translate>New Device</span>
<span class="pull-right">{{ event.time | date:"yyyy-MM-dd HH:mm:ss" }}</span> <span class="pull-right">{{ event.time | date:"yyyy-MM-dd HH:mm:ss" }}</span>
</h3> </h3>