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

update image processing

This commit is contained in:
Luke Pulverenti 2015-08-02 15:08:55 -04:00
parent c5c603f795
commit 0380fa5a83
3 changed files with 30 additions and 29 deletions

View file

@ -1531,7 +1531,7 @@ paper-icon-button.listviewMenuButton {
@media all and (min-width: 1200px) { @media all and (min-width: 1200px) {
li:hover .listViewUserDataButtons { paper-icon-item:hover .listViewUserDataButtons {
visibility: visible !important; visibility: visible !important;
} }
} }

View file

@ -8,45 +8,29 @@
<div id="myPreferencesMenuPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-contextname="${HeaderSettings}" data-require="scripts/mypreferencescommon,paperbuttonstyle,jqmicons"> <div id="myPreferencesMenuPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-contextname="${HeaderSettings}" data-require="scripts/mypreferencescommon,paperbuttonstyle,jqmicons">
<style> <style>
.avatar.green { .listAvatar.green {
background-color: #81c784; background-color: #81c784;
} }
.avatar.orange { .listAvatar.orange {
background-color: #ffd54f; background-color: #ffd54f;
} }
.avatar.blue { .listAvatar.blue {
background-color: #4fc3f7; background-color: #4fc3f7;
} }
.avatar.red { .listAvatar.red {
background-color: #e57373; background-color: #e57373;
} }
.avatar {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
background: #ccc;
}
.list {
padding-top: 12px;
background-color: #303030;
margin: 12px auto;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
</style> </style>
<div data-role="content"> <div data-role="content">
<div class="readOnlyContent" style="margin: 0 auto;"> <div class="readOnlyContent" style="margin: 0 auto;">
<h1>${HeaderSettings}</h1> <h1>${HeaderSettings}</h1>
<div class="list"> <div class="paperList">
<a href="#" class="clearLink lnkDisplayPreferences"> <a href="#" class="clearLink lnkDisplayPreferences">
<paper-icon-item> <paper-icon-item>
<paper-fab class="avatar blue" icon="tv" item-icon></paper-fab> <paper-fab class="listAvatar blue" icon="tv" item-icon></paper-fab>
<paper-item-body two-line> <paper-item-body two-line>
<div>${ButtonDisplaySettings}</div> <div>${ButtonDisplaySettings}</div>
<div secondary>${ButtonDisplaySettingsHelp}</div> <div secondary>${ButtonDisplaySettingsHelp}</div>
@ -56,7 +40,7 @@
<a href="#" class="clearLink lnkHomeScreenPreferences"> <a href="#" class="clearLink lnkHomeScreenPreferences">
<paper-icon-item> <paper-icon-item>
<paper-fab class="avatar red" icon="home" item-icon></paper-fab> <paper-fab class="listAvatar red" icon="home" item-icon></paper-fab>
<paper-item-body two-line> <paper-item-body two-line>
<div>${ButtonHomeScreenSettings}</div> <div>${ButtonHomeScreenSettings}</div>
<div secondary>${ButtonHomeScreenSettingsHelp}</div> <div secondary>${ButtonHomeScreenSettingsHelp}</div>
@ -66,7 +50,7 @@
<a href="#" class="clearLink lnkLanguagePreferences"> <a href="#" class="clearLink lnkLanguagePreferences">
<paper-icon-item> <paper-icon-item>
<paper-fab class="avatar green" icon="play-circle-filled" item-icon></paper-fab> <paper-fab class="listAvatar green" icon="play-circle-filled" item-icon></paper-fab>
<paper-item-body two-line> <paper-item-body two-line>
<div>${ButtonPlaybackSettings}</div> <div>${ButtonPlaybackSettings}</div>
<div secondary>${ButtonPlaybackSettingsHelp}</div> <div secondary>${ButtonPlaybackSettingsHelp}</div>
@ -76,7 +60,7 @@
<a href="#" class="clearLink lnkMyProfile"> <a href="#" class="clearLink lnkMyProfile">
<paper-icon-item> <paper-icon-item>
<paper-fab class="avatar orange" icon="person" item-icon></paper-fab> <paper-fab class="listAvatar orange" icon="person" item-icon></paper-fab>
<paper-item-body two-line> <paper-item-body two-line>
<div>${ButtonProfile}</div> <div>${ButtonProfile}</div>
<div secondary>${ButtonProfileHelp}</div> <div secondary>${ButtonProfileHelp}</div>
@ -86,7 +70,7 @@
<a href="#" class="clearLink lnkSync hide"> <a href="#" class="clearLink lnkSync hide">
<paper-icon-item> <paper-icon-item>
<paper-fab class="avatar" icon="refresh" style="background-color:#673AB7;" item-icon></paper-fab> <paper-fab class="listAvatar" icon="refresh" style="background-color:#673AB7;" item-icon></paper-fab>
<paper-item-body two-line> <paper-item-body two-line>
<div>${ButtonSyncSettings}</div> <div>${ButtonSyncSettings}</div>
<div secondary>${ButtonSyncHelp}</div> <div secondary>${ButtonSyncHelp}</div>

View file

@ -388,6 +388,23 @@ paper-menu-item {
.ui-page-theme-b .unfocused-line.paper-input-container { .ui-page-theme-b .unfocused-line.paper-input-container {
background: #858585; background: #858585;
} }
paper-textarea.mono textarea { paper-textarea.mono textarea {
font-family: monospace!important; font-family: monospace !important;
} }
.listAvatar {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
background: #ccc;
}
.paperList {
padding-top: 12px;
background-color: #303030;
margin: 12px auto;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}