mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

update icons

Browse source
This commit is contained in:
Luke Pulverenti 2016-08-05 16:43:11 -04:00
parent 0b0248cd60
commit edcd5962df
4 changed files with 17 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

5
dashboard-ui/css/dashboard.css
View file

@ -3,11 +3,6 @@
margin-left: 0; margin-left: 0;
} }
iron-icon {
min-width: 24px;
min-height: 24px;
}
.paperCheckboxFieldDescription { .paperCheckboxFieldDescription {
padding-left: 31px; padding-left: 31px;
padding-top: 5px; padding-top: 5px;

18
dashboard-ui/css/site.css
View file

@ -7,24 +7,6 @@
contain: layout style; contain: layout style;
} }
.emby-button.fab iron-icon {
width: 100%;
height: 100%;
vertical-align: middle;
}
.emby-button iron-icon + span {
margin-left: .5em;
}
.paper-icon-button-light > iron-icon {
width: 100%;
height: 100%;
/* Make sure its on top of the ripple */
position: relative;
z-index: 1;
vertical-align: middle;
}
/* Links */ /* Links */
.ui-body-b a { .ui-body-b a {
color: #52B54B /*{b-link-color}*/; color: #52B54B /*{b-link-color}*/;

21
dashboard-ui/dashboard.html
View file

@ -21,7 +21,7 @@
<p id="appVersionNumber"> <p id="appVersionNumber">
</p> </p>
<p id="pUpToDate" style="display: flex; align-items:center;" class="hide"> <p id="pUpToDate" style="display: flex; align-items:center;" class="hide">
<iron-icon icon="check" style="background-color: #52B54B;border-radius:.25em;color: #fff;margin-right:.5em;"></iron-icon> <i class="md-icon" style="background-color: #52B54B;border-radius:.25em;color: #fff;margin-right:.5em;padding:.25em;font-size:110%;">check</i>
${ServerUpToDate} ${ServerUpToDate}
</p> </p>
<div id="pUpdateNow" style="display: none;"> <div id="pUpdateNow" style="display: none;">
@ -41,8 +41,14 @@
<p class="externalUrl"></p> <p class="externalUrl"></p>
<div style="margin-top: 1em;"> <div style="margin-top: 1em;">
<button is="emby-button" type="button" class="raised subdued btnRestartContainer hide" onclick="DashboardPage.restart();"><iron-icon icon="refresh"></iron-icon><span>${ButtonRestart}</span></button> <button is="emby-button" type="button" class="raised subdued btnRestartContainer hide" onclick="DashboardPage.restart();">
<button is="emby-button" type="button" id="btnShutdown" class="raised subdued" onclick="DashboardPage.shutdown();"><i class="md-icon">close</i><span>${ButtonShutdown}</span></button> <i class="md-icon">refresh</i>
<span>${ButtonRestart}</span>
</button>
<button is="emby-button" type="button" id="btnShutdown" class="raised subdued" onclick="DashboardPage.shutdown();">
<i class="md-icon">close</i>
<span>${ButtonShutdown}</span>
</button>
</div> </div>
</div> </div>
</div> </div>
@ -58,7 +64,10 @@
</div> </div>
<p>${MessagePleaseRestartServerToFinishUpdating}</p> <p>${MessagePleaseRestartServerToFinishUpdating}</p>
<div class="btnRestartContainer hide"> <div class="btnRestartContainer hide">
<button is="emby-button" type="button" class="raised submit" onclick="DashboardPage.restart();"><iron-icon icon="refresh"></iron-icon><span>${ButtonRestartNow}</span></button> <button is="emby-button" type="button" class="raised submit" onclick="DashboardPage.restart();">
<i class="md-icon">refresh</i>
<span>${ButtonRestartNow}</span>
</button>
</div> </div>
</div> </div>
</div> </div>
@ -67,7 +76,9 @@
<div class="healthMonitorSection hide" style="margin-top: 2em;"> <div class="healthMonitorSection hide" style="margin-top: 2em;">
<h1 style="display:flex;align-items:center;"> <h1 style="display:flex;align-items:center;">
<div>${HeaderHealthMonitor}</div> <div>${HeaderHealthMonitor}</div>
<button is="paper-icon-button-light" type="button" style="margin-left:.5em;"><iron-icon icon="refresh"></iron-icon></button> <button is="paper-icon-button-light" type="button" style="margin-left: .5em;">
<i class="md-icon">refresh</i>
</button>
</h1> </h1>
<div class="healthMonitor paperList"> <div class="healthMonitor paperList">
</div> </div>

17
dashboard-ui/thirdparty/paper-button-style.css vendored
View file

@ -100,12 +100,6 @@ button.emby-button span {
vertical-align: middle; vertical-align: middle;
} }
button.emby-button.iconRight iron-icon {
position: absolute;
right: 5px;
top: 5px;
}
.clearButton { .clearButton {
background: transparent; background: transparent;
border: 0; border: 0;
@ -130,21 +124,12 @@ button.emby-button.mini:not(.fab) {
padding: 0.4em 0.7em; padding: 0.4em 0.7em;
} }
button.emby-button.mini:not(.fab) iron-icon {
height: 20px;
width: 20px;
}
button.emby-button.notext { button.emby-button.notext {
min-width: 2.8em; min-width: 2.8em;
padding-left: .25em !important; padding-left: .25em !important;
padding-right: .25em !important; padding-right: .25em !important;
} }
button.emby-button.notext iron-icon {
margin-right: 0;
}
.fab.green { .fab.green {
background-color: #81c784 !important; background-color: #81c784 !important;
} }
@ -209,4 +194,4 @@ div.dialogHeader {
.formDialog.background-theme-b { .formDialog.background-theme-b {
background-color: #181818; background-color: #181818;
} }