wjones/jellyfin-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove vendor prefixes in CSS

Browse Source
This commit is contained in:
MrTimscampi
2019-12-30 12:09:48 +01:00
parent 7c66d51a64
commit d08cd4d1cd
36 changed files with 7 additions and 435 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/dashboard.css
-35
View File
@@ -1,7 +1,5 @@
.dashboardColumn,
.dashboardSections {
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.dashboardFooter {
@@ -15,8 +13,6 @@
progress {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
margin: 0;
background: #ccc !important
}
@@ -76,23 +72,17 @@ progress[aria-valuenow]:before {
div[data-role=controlgroup] a[data-role=button] {
display: inline-block !important;
margin: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0;
border-radius: 0
}
div[data-role=controlgroup] a[data-role=button]:first-child {
-webkit-border-bottom-left-radius: .3125em;
border-bottom-left-radius: .3125em;
-webkit-border-top-left-radius: .3125em;
border-top-left-radius: .3125em
}
div[data-role=controlgroup] a[data-role=button]:last-child {
-webkit-border-bottom-right-radius: .3125em;
border-bottom-right-radius: .3125em;
-webkit-border-top-right-radius: .3125em;
border-top-right-radius: .3125em
}
@@ -146,23 +136,14 @@ div[data-role=controlgroup] a.ui-btn-active {
}
.dashboardSections {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column
}
.dashboardColumn {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
@@ -171,7 +152,6 @@ div[data-role=controlgroup] a.ui-btn-active {
}
.dashboardSection {
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin: 0 0 2em
}
@@ -187,11 +167,7 @@ div[data-role=controlgroup] a.ui-btn-active {
@media all and (min-width:70em) {
.dashboardSections {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row
}
@@ -296,7 +272,6 @@ div[data-role=controlgroup] a.ui-btn-active {
}
.sessionNowPlayingContent {
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
@@ -395,7 +370,6 @@ div[data-role=controlgroup] a.ui-btn-active {
}
.disabledUser {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
@@ -416,9 +390,6 @@ div[data-role=controlgroup] a.ui-btn-active {
}
a[data-role=button] {
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-webkit-background-clip: padding-box;
cursor: pointer !important;
font-family: inherit !important;
font-weight: 500 !important;
@@ -432,35 +403,29 @@ a[data-role=button] {
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotating {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.rotatingCircle {
-webkit-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite
}
.pluginPreviewImg {
-webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37)
}
src/css/fonts.css
-1
View File
@@ -4,7 +4,6 @@ html {
html {
font-size: 93%;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
src/css/librarybrowser.css
-95
View File
@@ -15,7 +15,6 @@
.headerSelectedPlayer,
.itemMiscInfo,
.navMenuOptionText {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden
}
@@ -48,8 +47,6 @@
z-index: 1;
margin: 0 !important;
top: 6.9em !important;
-webkit-transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out
}
@@ -58,17 +55,14 @@
}
.headerUserImage {
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 100em;
border-radius: 100em;
display: inline-block
}
.headerUserButtonRound div {
-webkit-border-radius: 100em;
border-radius: 100em;
background-size: cover;
background-repeat: no-repeat;
@@ -76,7 +70,6 @@
}
.headerButton {
-webkit-flex-shrink: 0;
flex-shrink: 0
}
@@ -90,34 +83,23 @@
}
.pageTitle {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
margin: 0 0 0 .5em;
height: 1.7em;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-shrink: 1;
flex-shrink: 1
}
.headerLeft,
.skinHeader {
display: -webkit-box;
display: -webkit-flex
}
.detailButton-mobile,
.skinHeader {
-webkit-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.pageTitleWithLogo {
background-position: left center;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
width: 13.2em
@@ -137,7 +119,6 @@
.headerLeft,
.headerRight {
-webkit-box-align: center
}
.hiddenViewMenuBar .skinHeader {
@@ -150,10 +131,7 @@
.headerLeft {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
overflow: hidden
}
@@ -163,13 +141,8 @@
}
.headerRight {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
@@ -178,27 +151,19 @@
}
.navMenuOption {
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
text-decoration: none;
color: inherit;
padding: .9em 0 .9em 2.4em !important;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
font-weight: 400 !important;
margin: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important
}
.navMenuOptionIcon {
margin-right: 1.2em;
-webkit-flex-shrink: 0;
flex-shrink: 0
}
@@ -212,8 +177,6 @@
}
.dashboardDocument .skinBody {
-webkit-transition: left ease-in-out .3s, padding ease-in-out .3s;
-o-transition: left ease-in-out .3s, padding ease-in-out .3s;
transition: left ease-in-out .3s, padding ease-in-out .3s;
position: absolute;
top: 0;
@@ -242,9 +205,7 @@
z-index: inherit !important;
left: 0 !important;
top: 0 !important;
-webkit-transform: none !important;
transform: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: 20.205em !important;
font-size: 94%
@@ -281,14 +242,9 @@
}
.headerTabs {
-webkit-align-self: center;
align-self: center;
width: auto;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-top: -3.34em;
position: relative;
@@ -346,8 +302,6 @@
}
.flexPageTabContent.is-active {
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important
}
@@ -363,7 +317,6 @@
margin: 1.5em 0;
background: #222;
padding: .8em .8em .8em 3em;
-webkit-border-radius: .3em;
border-radius: .3em;
position: relative
}
@@ -422,7 +375,6 @@
}
.itemBackdrop {
-webkit-background-size: cover;
background-size: cover;
height: 50vh;
position: relative
@@ -451,15 +403,12 @@
.detailImageContainer {
margin-right: 2em;
width: 280px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-left: .6em
}
.detailPagePrimaryContent {
position: relative;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
@@ -469,7 +418,6 @@
position: absolute;
top: 13.5%;
right: 19.5%;
-webkit-background-size: contain;
background-size: contain
}
@@ -499,7 +447,6 @@
.itemDetailImage {
width: 100%;
-webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37)
}
@@ -535,8 +482,6 @@
}
.detailPagePrimaryContainer {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 3em
}
@@ -597,8 +542,6 @@
.detailButton-mobile,
.mainDetailButtons {
display: -webkit-box;
display: -webkit-flex
}
.itemName {
@@ -619,10 +562,7 @@
.mainDetailButtons {
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 1em 0
}
@@ -630,7 +570,6 @@
.recordingFields button {
margin-left: 0;
margin-right: .5em;
-webkit-flex-shrink: 0;
flex-shrink: 0
}
@@ -641,11 +580,7 @@
.detailButton-mobile {
display: flex;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0 !important;
padding: .5em .7em !important
@@ -677,18 +612,9 @@
}
.detailButton-mobile-content {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
@@ -745,21 +671,14 @@
}
.itemMiscInfo {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
@media all and (max-width:31.25em) {
.mobileDetails .itemMiscInfo {
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
@@ -851,7 +770,6 @@
}
.btnSyncComplete i {
-webkit-border-radius: 100em;
border-radius: 100em
}
@@ -860,14 +778,9 @@
}
.mediaInfoIcons {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 1em 0;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
@@ -902,7 +815,6 @@
.sectionTitleButton {
margin-left: 1.5em !important;
-webkit-flex-shrink: 0;
flex-shrink: 0
}
@@ -912,22 +824,17 @@
.sectionTitleIconButton {
margin-left: 1.5em !important;
-webkit-flex-shrink: 0;
flex-shrink: 0;
font-size: 84% !important;
padding: .5em !important
}
.horizontalItemsContainer {
display: -webkit-box;
display: -webkit-flex;
display: flex
}
.sectionTitleTextButton {
margin: 0 !important;
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: inline-flex !important;
color: inherit !important
}
@@ -999,8 +906,6 @@
}
.itemsViewSettingsContainer {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
src/css/material-icons/style.css
-2
View File
@@ -15,8 +15,6 @@
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-feature-settings: "liga" 1;
line-height: 1;
src/css/metadataeditor.css
-4
View File
@@ -28,17 +28,13 @@
.jstree-wholerow-hovered {
background: #38c !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.jstree-default .jstree-hovered {
background: 0 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: #fff !important
}
src/css/scrollstyles.css
-7
View File
@@ -1,6 +1,5 @@
.scrollX {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
overflow-y: hidden;
white-space: nowrap;
}
@@ -10,13 +9,11 @@
}
.hiddenScrollX, .layout-tv .scrollX {
-ms-overflow-style: none;
/* Can't do this because it not only hides the scrollbar, but also prevents scrolling */
/*overflow: -moz-scrollbars-none;*/
}
.hiddenScrollX-forced {
overflow: -moz-scrollbars-none;
}
.hiddenScrollX::-webkit-scrollbar, .layout-tv .scrollX::-webkit-scrollbar {
@@ -26,25 +23,21 @@
.scrollY {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
}
.smoothScrollY {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
scroll-behavior: smooth;
}
.hiddenScrollY, .layout-tv .smoothScrollY {
-ms-overflow-style: none;
/* Can't do this because it not only hides the scrollbar, but also prevents scrolling */
/*overflow: -moz-scrollbars-none;*/
}
.hiddenScrollY-forced {
overflow: -moz-scrollbars-none;
}
.hiddenScrollY::-webkit-scrollbar, .layout-tv .smoothScrollY::-webkit-scrollbar, .layout-tv .scrollY::-webkit-scrollbar {
src/css/site.css
+1 -7
View File
@@ -20,18 +20,12 @@ html {
.layout-mobile,
.layout-tv {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
body {
overflow-x: hidden;
background-color: transparent !important;
-webkit-font-smoothing: antialiased
background-color: transparent !important
}
.mainAnimatedPage {
src/css/videoosd.css
+5 -56
View File
@@ -1,8 +1,5 @@
.chapterThumbTextContainer,
.videoOsdBottom {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.osdPoster img,
@@ -14,13 +11,10 @@
}
.osdHeader {
-webkit-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
position: relative;
z-index: 1;
background: rgba(0, 0, 0, 0.7) !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
color: #eee !important;
}
@@ -34,17 +28,13 @@
}
.chapterThumbContainer {
-webkit-box-shadow: 0 0 1.9vh #000;
box-shadow: 0 0 1.9vh #000;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
position: relative
}
.chapterThumb {
background-position: center center;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
border: 0;
@@ -90,20 +80,12 @@
position: fixed;
background-color: rgba(0, 0, 0, 0.7);
padding: 1%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
will-change: opacity;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
color: #fff;
user-select: none;
-webkit-touch-callout: none
user-select: none
}
.videoOsdBottom-hidden {
@@ -111,49 +93,33 @@
}
.osdControls {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.videoOsdBottom .buttons {
padding: .25em 0 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.osdVolumeSliderContainer {
width: 9em;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.osdMediaInfo,
.volumeButtons {
display: -webkit-box;
display: -webkit-flex;
-webkit-box-align: center
}
.volumeButtons {
margin: 0 .5em 0 auto;
display: flex;
-webkit-align-items: center;
align-items: center
}
.osdTimeText {
margin-left: 1em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@@ -167,15 +133,10 @@
position: absolute;
height: auto;
width: 100%;
-webkit-box-shadow: 0 0 1.9vh #000;
box-shadow: 0 0 1.9vh #000;
border: .08em solid #222;
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none
user-select: none
}
.osdTitle,
@@ -185,7 +146,6 @@
.osdMediaInfo {
display: flex;
-webkit-align-items: center;
align-items: center
}
@@ -194,23 +154,14 @@
}
.osdTextContainer {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: .7em;
padding-left: .5em
}
.osdMainTextContainer {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
align-items: baseline
}
@@ -218,12 +169,10 @@
margin-left: auto;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@-moz-keyframes spin { 100% { } }
@-webkit-keyframes spin { 100% { } }
@keyframes spin { 100% { transform:rotate(360deg); } }
.osdMediaStatus .animate {
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}