mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
more jqm tear down
This commit is contained in:
Luke Pulverenti
parent
6bf7ea2ea5
commit
a310b3aa39
8 changed files with 15 additions and 407 deletions
|
|
@ -922,11 +922,6 @@ fieldset.ui-controlgroup {
|
|||
clip: rect(1px,1px,1px,1px);
|
||||
}
|
||||
|
||||
|
||||
textarea.ui-input-text.ui-textinput-autogrow {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ui-textinput-autogrow-resize {
|
||||
-webkit-transition: height 0.25s;
|
||||
-o-transition: height 0.25s;
|
||||
|
|
@ -1021,273 +1016,6 @@ textarea.ui-input-text.ui-textinput-autogrow {
|
|||
clip: rect(1px,1px,1px,1px);
|
||||
}
|
||||
|
||||
.ui-select {
|
||||
margin-top: .5em;
|
||||
margin-bottom: .5em; /* no shorthand for margin because it would override margin-right for inline selects */
|
||||
position: relative;
|
||||
}
|
||||
.ui-select > select {
|
||||
position: absolute !important;
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
overflow: hidden;
|
||||
clip: rect(1px,1px,1px,1px);
|
||||
}
|
||||
.ui-select .ui-btn {
|
||||
margin: 0;
|
||||
opacity: 1; /* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
|
||||
}
|
||||
.ui-select .ui-btn select {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
min-height: 1.5em;
|
||||
min-height: 100%;
|
||||
height: 3em;
|
||||
max-height: 100%;
|
||||
outline: 0;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
cursor: pointer;
|
||||
filter: Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
@-moz-document url-prefix() {
|
||||
.ui-select .ui-btn select {
|
||||
opacity: 0.0001;
|
||||
}
|
||||
}
|
||||
/* Display none because of issues with IE/WP's filter alpha opacity */
|
||||
.ui-select .ui-state-disabled select {
|
||||
display: none;
|
||||
}
|
||||
/* Because we add all classes of the select and option elements to the span... */
|
||||
.ui-select span.ui-state-disabled {
|
||||
filter: Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
.ui-select .ui-btn.ui-select-nativeonly {
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
}
|
||||
.ui-select .ui-btn.ui-select-nativeonly select {
|
||||
opacity: 1;
|
||||
text-indent: 0;
|
||||
display: block;
|
||||
}
|
||||
/* ui-li-count is styled in the listview CSS. We set padding and offset here because select supports icon position while listview doesn't. */
|
||||
.ui-select .ui-li-has-count.ui-btn {
|
||||
padding-right: 2.8125em;
|
||||
}
|
||||
.ui-select .ui-li-has-count.ui-btn-icon-right {
|
||||
padding-right: 4.6875em;
|
||||
}
|
||||
.ui-select .ui-btn-icon-right .ui-li-count {
|
||||
right: 3.2em;
|
||||
}
|
||||
/* We set the rules for the span as well to fix an issue on Chrome with text-overflow ellipsis for the button in combination with text-align center. */
|
||||
.ui-select .ui-btn > span:not(.ui-li-count) {
|
||||
display: block;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden !important;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ui-selectmenu.ui-popup {
|
||||
min-width: 11em;
|
||||
}
|
||||
|
||||
.ui-selectmenu .ui-dialog-contain {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ui-selectmenu .ui-header {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-width: 0;
|
||||
}
|
||||
.ui-selectmenu.ui-dialog .ui-header {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
.ui-selectmenu.ui-popup .ui-header {
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */
|
||||
.ui-selectmenu.ui-popup .ui-header h1:after {
|
||||
content: '.';
|
||||
visibility: hidden;
|
||||
}
|
||||
.ui-selectmenu .ui-header .ui-title {
|
||||
margin: 0 2.875em;
|
||||
}
|
||||
.ui-selectmenu.ui-dialog .ui-content {
|
||||
overflow: visible;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.ui-selectmenu .ui-selectmenu-list {
|
||||
margin: 0;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.ui-header:not(.ui-screen-hidden) + .ui-selectmenu-list {
|
||||
-webkit-border-top-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
.ui-header.ui-screen-hidden + .ui-selectmenu-list li.ui-first-child .ui-btn {
|
||||
border-top-width: 0;
|
||||
}
|
||||
.ui-selectmenu .ui-selectmenu-list li.ui-last-child .ui-btn {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.ui-selectmenu .ui-btn.ui-li-divider {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.ui-selectmenu .ui-selectmenu-placeholder {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.ui-input-text,
|
||||
.ui-input-search {
|
||||
margin: .5em 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
.ui-mini {
|
||||
margin: .446em;
|
||||
}
|
||||
.ui-input-text input,
|
||||
.ui-input-search input,
|
||||
textarea.ui-input-text {
|
||||
padding: .4em;
|
||||
line-height: 1.4em;
|
||||
display: block;
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
outline: 0;
|
||||
}
|
||||
.ui-input-text input,
|
||||
.ui-input-search input {
|
||||
margin: 0;
|
||||
min-height: 2.2em;
|
||||
text-align: left; /* Opera aligns type="date" right by default */
|
||||
border: 0;
|
||||
background: transparent none;
|
||||
-webkit-appearance: none;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
textarea.ui-input-text {
|
||||
overflow: auto;
|
||||
resize: vertical;
|
||||
}
|
||||
.ui-mini .ui-input-text input,
|
||||
.ui-mini .ui-input-search input,
|
||||
.ui-input-text.ui-mini input,
|
||||
.ui-input-search.ui-mini input,
|
||||
.ui-mini textarea.ui-input-text,
|
||||
textarea.ui-mini {
|
||||
font-size: 14px;
|
||||
}
|
||||
/* Same margin for mini textareas as other mini sized widgets (12.5/14 * 0.5em) */
|
||||
.ui-mini textarea.ui-input-text,
|
||||
textarea.ui-mini {
|
||||
margin: .446em 0;
|
||||
}
|
||||
.ui-input-has-clear,
|
||||
.ui-input-search {
|
||||
position: relative;
|
||||
}
|
||||
/* Padding on the div instead of input because of browser spinners etc. */
|
||||
.ui-input-has-clear {
|
||||
padding-right: 2.375em;
|
||||
}
|
||||
.ui-mini.ui-input-has-clear {
|
||||
padding-right: 2.923em;
|
||||
}
|
||||
.ui-input-has-clear input {
|
||||
padding-right: 0;
|
||||
/* Autofill on Chrome has bg color so we unset corners right as well. */
|
||||
-webkit-border-top-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
/* Search icon */
|
||||
.ui-input-search input {
|
||||
padding-left: 1.75em;
|
||||
}
|
||||
.ui-input-search:after {
|
||||
position: absolute;
|
||||
left: .3125em;
|
||||
top: 50%;
|
||||
margin-top: -7px;
|
||||
content: "";
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
filter: Alpha(Opacity=50);
|
||||
opacity: .5;
|
||||
}
|
||||
.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
|
||||
.ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin: -14px .3125em 0;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
.ui-input-search .ui-input-clear-hidden,
|
||||
.ui-input-text .ui-input-clear-hidden {
|
||||
display: none;
|
||||
}
|
||||
/* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
|
||||
.ui-input-text input::-moz-placeholder,
|
||||
.ui-input-search input::-moz-placeholder,
|
||||
textarea.ui-input-text::-moz-placeholder {
|
||||
color: #aaa;
|
||||
}
|
||||
/* Same for IE10 */
|
||||
.ui-input-text input:-ms-input-placeholder,
|
||||
.ui-input-search input:-ms-input-placeholder,
|
||||
textarea.ui-input-text:-ms-input-placeholder {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
/* Resolves issue #5131: Width of textinput depends on its type,
|
||||
for Android 4.1 */
|
||||
.ui-input-text input[type=number]::-webkit-outer-spin-button {
|
||||
margin: 0;
|
||||
}
|
||||
/* Resolves issue #5756: Textinput in IE10 has a default clear button */
|
||||
.ui-input-text input::-ms-clear,
|
||||
.ui-input-search input::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
.ui-input-text input:focus,
|
||||
.ui-input-search input:focus {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
.ui-listview,
|
||||
.ui-listview > li {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue