mirror of
https://github.com/Tautulli/Tautulli.git
synced 2025-07-16 02:02:58 -07:00
Use svg for platform and library icons
This commit is contained in:
JonnyWong16
parent
e28965f8b3
commit
b209c29749
83 changed files with 699 additions and 137 deletions
|
|
@ -618,12 +618,6 @@ a .users-poster-face:hover {
|
|||
.users-name {
|
||||
position: relative;
|
||||
}
|
||||
.platform {
|
||||
padding-bottom: 0px;
|
||||
margin-bottom: 0px;
|
||||
margin-left: 5px;
|
||||
float: left;
|
||||
}
|
||||
#dashboard-checking-activity,
|
||||
#dashboard-no-activity {
|
||||
margin-bottom: 20px;
|
||||
|
|
@ -1138,7 +1132,7 @@ a .dashboard-activity-metadata-user-thumb:hover {
|
|||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dashboard-stats-library {
|
||||
.dashboard-stats-flat {
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
height: 100px;
|
||||
|
|
@ -1152,9 +1146,6 @@ a .dashboard-activity-metadata-user-thumb:hover {
|
|||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
z-index: 1;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dashboard-stats-info-container {
|
||||
|
|
@ -1172,8 +1163,9 @@ a .dashboard-activity-metadata-user-thumb:hover {
|
|||
align-items: baseline;
|
||||
height: 30px;
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
padding: 5px 5px 5px 10px;
|
||||
line-height: 20px;
|
||||
text-transform: uppercase;
|
||||
border-bottom: 1px solid rgba(255,255,255,.1);
|
||||
-webkit-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
|
|
@ -1181,28 +1173,20 @@ a .dashboard-activity-metadata-user-thumb:hover {
|
|||
}
|
||||
.dashboard-stats-info-title h4 {
|
||||
margin: 0;
|
||||
font-size: 15px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
flex-basis: 250px;
|
||||
-webkit-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.dashboard-stats-info-title.library h4 {
|
||||
flex-basis: 200px;
|
||||
}
|
||||
.dashboard-stats-info-title .dashboard-stats-stats-units {
|
||||
color: #aaa;
|
||||
font-size: 12px;
|
||||
text-align: right;
|
||||
text-transform: uppercase;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
max-width: 125px;
|
||||
}
|
||||
.dashboard-stats-info-title .dashboard-stats-stats-units.library {
|
||||
max-width: 200px;
|
||||
}
|
||||
.dashboard-stats-info-scroller {
|
||||
height: 120px;
|
||||
|
|
@ -1626,7 +1610,7 @@ a:hover .dashboard-recent-media-cover {
|
|||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url(../images/plex-logo-light-small.png);
|
||||
background-image: url(../images/plex-logo-light.svg);
|
||||
background-size: 100px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
|
|
@ -3524,4 +3508,137 @@ a:hover .overlay-refresh-image:hover {
|
|||
box-sizing: border-box;
|
||||
height: 45px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
padding: 10px;
|
||||
background-origin: content-box;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.platform-android {
|
||||
background-color: #a4ca39;
|
||||
background-image: url(../images/platforms/android.svg);
|
||||
}
|
||||
.platform-atv {
|
||||
background-color: #858487;
|
||||
background-image: url(../images/platforms/atv.svg);
|
||||
}
|
||||
.platform-chrome {
|
||||
background-color: #ed5e50;
|
||||
background-image: url(../images/platforms/chrome.svg);
|
||||
}
|
||||
.platform-chromecast {
|
||||
background-color: #10a4e8;
|
||||
background-image: url(../images/platforms/chromecast.svg);
|
||||
}
|
||||
.platform-dlna {
|
||||
background-color: #0cb14b;
|
||||
background-image: url(../images/platforms/dlna.svg);
|
||||
}
|
||||
.platform-firefox {
|
||||
background-color: #e67817;
|
||||
background-image: url(../images/platforms/firefox.svg);
|
||||
}
|
||||
.platform-ie {
|
||||
background-color: #00599e;
|
||||
background-image: url(../images/platforms/ie.svg);
|
||||
}
|
||||
.platform-ios {
|
||||
background-color: #858487;
|
||||
background-image: url(../images/platforms/ios.svg);
|
||||
}
|
||||
.platform-kodi {
|
||||
background-color: #31afe1;
|
||||
background-image: url(../images/platforms/kodi.svg);
|
||||
}
|
||||
.platform-linux {
|
||||
background-color: #1793d0;
|
||||
background-image: url(../images/platforms/linux.svg);
|
||||
}
|
||||
.platform-msedge {
|
||||
background-color: #0078d7;
|
||||
background-image: url(../images/platforms/msedge.svg);
|
||||
}
|
||||
.platform-opera {
|
||||
background-color: #ff1b2d;
|
||||
background-image: url(../images/platforms/opera.svg);
|
||||
}
|
||||
.platform-playstation {
|
||||
background-color: #034da2;
|
||||
background-image: url(../images/platforms/playstation.svg);
|
||||
}
|
||||
.platform-plex {
|
||||
background-color: #e5a00d;
|
||||
background-image: url(../images/platforms/plex.svg);
|
||||
}
|
||||
.platform-plexamp {
|
||||
background-color: #e5a00d;
|
||||
background-image: url(../images/platforms/plexamp.svg);
|
||||
}
|
||||
.platform-plextogether {
|
||||
background-color: #151924;
|
||||
background-image: url(../images/platforms/plextogether.svg);
|
||||
}
|
||||
.platform-roku {
|
||||
background-color: #6d3c97;
|
||||
background-image: url(../images/platforms/roku.svg);
|
||||
}
|
||||
.platform-safari {
|
||||
background-color: #00a9ec;
|
||||
background-image: url(../images/platforms/safari.svg);
|
||||
}
|
||||
.platform-samsung {
|
||||
background-color: #034ea2;
|
||||
background-image: url(../images/platforms/samsung.svg);
|
||||
}
|
||||
.platform-windows {
|
||||
background-color: #2fc0f5;
|
||||
background-image: url(../images/platforms/windows.svg);
|
||||
}
|
||||
.platform-wp {
|
||||
background-color: #68217a;
|
||||
background-image: url(../images/platforms/wp.svg);
|
||||
}
|
||||
.platform-wiiu {
|
||||
background-color: #03a9f4;
|
||||
background-image: url(../images/platforms/wiiu.svg);
|
||||
}
|
||||
.platform-xbmc {
|
||||
background-color: #3b4872;
|
||||
background-image: url(../images/platforms/xbmc.svg);
|
||||
}
|
||||
.platform-xbox {
|
||||
background-color: #107c10;
|
||||
background-image: url(../images/platforms/xbox.svg);
|
||||
}
|
||||
.platform-default {
|
||||
background-color: #e5a00d;
|
||||
background-image: url(../images/platforms/default.svg);
|
||||
}
|
||||
.library-movie {
|
||||
background-image: url(../images/libraries/movie.svg);
|
||||
}
|
||||
.library-show {
|
||||
background-image: url(../images/libraries/show.svg);
|
||||
}
|
||||
.library-artist {
|
||||
background-image: url(../images/libraries/artist.svg);
|
||||
}
|
||||
.library-photo {
|
||||
background-image: url(../images/libraries/photo.svg);
|
||||
}
|
||||
.library-video {
|
||||
background-image: url(../images/libraries/video.svg);
|
||||
}
|
||||
.stats-most_concurrent {
|
||||
background-image: url(../images/icons/most-concurrent-streams.svg);
|
||||
}
|
||||
|
||||
.transparent {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.no-image {
|
||||
background-image: none !important;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue