vendor/assets/javascripts/webshims/shims/styles/shim.css in webshims-rails-1.12.0 vs vendor/assets/javascripts/webshims/shims/styles/shim.css in webshims-rails-1.12.2

- old
+ new

@@ -1,11 +1,23 @@ +.ws-popover { + -moz-box-sizing: content-box; + box-sizing: content-box; } + .ws-popover *, .ws-popover:before, .ws-popover:after, + .ws-popover :after, + .ws-popover :before { + -moz-box-sizing: content-box; + box-sizing: content-box; } + .ws-important-hide { display: none !important; visibility: hidden !important; position: absolute; top: -999999px; } +[hidden] { + display: none; } + article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio { display: none; @@ -177,20 +189,22 @@ outline: none; padding: 0 0.92308em 0; margin: 0 0 0 -0.92308em; z-index: 1100; min-width: 3.84615em; - -webkit-transform: translate3d(0px, 0px, 0px); - -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; - transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: visibility 400ms ease-in-out; - -moz-box-sizing: content-box; - box-sizing: content-box; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + direction: ltr; } + .ws-popover.ws-is-rtl { + direction: rtl; + margin: 0 0 0 0.92308em; } .ws-popover.no-transition { display: none; } .ws-popover.ws-po-visible { visibility: visible; display: block; } @@ -217,24 +231,21 @@ .ws-po-box { border: 0.07692em solid #cccccc; background: #fff; padding: 0.38462em 0.38462em 0.23077em; - border-radius: 3px; + border-radius: 0.23077em; box-shadow: 0 0.07692em 0.38462em rgba(0, 0, 0, 0.25); } .ws-po-box button { display: inline-block; overflow: visible; position: relative; margin: 0; border: 0; padding: 0; - -moz-box-sizing: content-box; - box-sizing: content-box; -webkit-appearance: none; appearance: none; - box-sizing: content-box; font-family: inherit; background: transparent; cursor: pointer; } .ws-po-box button::-moz-focus-inner { border: 0; @@ -253,10 +264,13 @@ border-left: 0.61538em solid transparent; border-right: 0.61538em solid transparent; border-bottom: 0.61538em solid #cccccc; border-top: none; zoom: 1; } + .ws-is-rtl .ws-po-arrow { + left: auto; + right: 1.53846em; } [data-horizontal="center"] .ws-po-arrow { left: 50%; margin-left: -0.30769em; } [data-horizontal="right"] .ws-po-arrow { left: auto; @@ -270,32 +284,38 @@ border-left-color: transparent; border-right-color: transparent; } html .ws-po-arrow .ws-po-arrowbox { border-left-color: transparent; border-right-color: transparent; } - [data-vertical="middle"] .ws-po-arrow, * html .ws-po-arrow { + [data-vertical="middle"] .ws-po-arrow { display: none; } .ws-po-arrow .ws-po-arrowbox { position: relative; top: 0.07692em; - left: -0.51538em; + left: -0.53846em; display: block; width: 0; height: 0; border-left: 0.53846em solid transparent; border-right: 0.53846em solid transparent; border-bottom: 0.53846em solid #fefefe; border-top: none; z-index: 999999999; } + .ws-is-rtl .ws-po-arrow .ws-po-arrowbox { + left: auto; + right: -0.53846em; } [data-vertical="bottom"] .ws-po-arrow .ws-po-arrowbox { top: -0.61538em; border-bottom: none; border-top: 0.53846em solid #fefefe; } datalist { display: none; } +input[data-wslist]::-webkit-calendar-picker-indicator { + display: none; } + .datalist-polyfill { position: absolute !important; } .datalist-polyfill .ws-po-box { padding: 0.38462em 0; } .datalist-polyfill .datalist-box { @@ -351,16 +371,23 @@ .datalist-polyfill .datalist-box .has-option-label .option-label { display: inline-block; } .datalist-polyfill .datalist-box .hidden-item { display: none !important; } .datalist-polyfill .datalist-box .active-item { - background-color: #39f; - cursor: default; } + cursor: default; + background-color: #39f; } .datalist-polyfill .datalist-box .active-item .option-value { color: #fff; } .datalist-polyfill .datalist-box .active-item .option-label { color: #eee; } + .datalist-polyfill.ws-is-rtl .option-value { + float: right; } + .datalist-polyfill.ws-is-rtl .option-label { + float: left; + margin-right: 0.76923em; + margin-left: 0; + text-align: left; } .validity-alert { display: inline-block; z-index: 1000000000; } @@ -373,94 +400,100 @@ position: relative; clear: both; } .ws-errorbox p { margin: 2px 0 3px; padding: 0; - color: #933; - font: 90%/120% sans-serif; } + color: #a94442; } progress { position: relative; display: inline-block; - width: 160px; - height: 16px; - overflow: hidden; } - progress[data-position] { - border: 1px solid #dddddd; - background: #f0f0f0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; - border-radius: 4px; - vertical-align: -0.2em; } + width: 164px; + height: 20px; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + vertical-align: -0.2em; } progress > * { display: none !important; } - progress span.progress-value { - position: absolute; - display: block !important; - top: 0; - left: 0; - bottom: 0; - height: 100%; - box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset; - background: #0063a6 url(progress.gif); - border: 0; } - progress[aria-valuenow] span.progress-value { - background-image: url(progress.png); } - .ws-replaceui progress { + progress[data-position], progress.ws-style { -webkit-appearance: none; -moz-appearance: none; appearance: none; + border: 0; border: 1px solid #dddddd; background: #f0f0f0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; - border-radius: 4px; - /*ms styles*/ } - .ws-replaceui progress::-webkit-progress-bar { + border-radius: 4px; } + progress[data-position]::-webkit-progress-bar, progress.ws-style::-webkit-progress-bar { border: 1px solid #dddddd; background: #f0f0f0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; border-radius: 4px; border: 0 none; } - .ws-replaceui progress::-webkit-progress-value { + progress[data-position]::-moz-progress-bar, progress.ws-style::-moz-progress-bar { + border: 1px solid #dddddd; + background: #f0f0f0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + border-radius: 4px; } + progress[data-position]::-ms-fill, progress.ws-style::-ms-fill { + animation-name: none; + border: 1px solid #dddddd; + background: #f0f0f0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + border-radius: 4px; } + progress[data-position] > span.progress-value, progress.ws-style > span.progress-value { + left: 0; } + progress[data-position].ws-is-rtl > span.progress-value, progress.ws-style.ws-is-rtl > span.progress-value { + left: auto; + right: 0; } + progress[data-position]::-webkit-progress-value, progress.ws-style::-webkit-progress-value { position: absolute; - display: block !important; top: 0; - left: 0; bottom: 0; height: 100%; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset; - background: #0063a6 url(progress.gif); - border: 0; - background-image: url(progress.png); } - .ws-replaceui progress:indeterminate::-webkit-progress-bar { - background-image: url(progress.gif); } - .ws-replaceui progress::-moz-progress-bar { + background: #0063a6 url(progress.png); + border: 0; } + progress[data-position]::-moz-progress-bar, progress.ws-style::-moz-progress-bar { position: absolute; - display: block !important; top: 0; - left: 0; bottom: 0; height: 100%; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset; - background: #0063a6 url(progress.gif); - border: 0; - background-image: url(progress.png); } - .ws-replaceui progress:indeterminate::-moz-progress-bar { - background-image: url(progress.gif); } - .ws-replaceui progress:indeterminate { - background-image: url(progress.gif); } - .ws-replaceui progress::-ms-fill { + background: #0063a6 url(progress.png); + border: 0; } + progress[data-position]::-ms-fill, progress.ws-style::-ms-fill { + animation-name: none; position: absolute; + top: 0; + bottom: 0; + height: 100%; + box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset; + background: #0063a6 url(progress.png); + border: 0; } + progress[data-position] > span.progress-value, progress.ws-style > span.progress-value { display: block !important; + position: absolute; top: 0; - left: 0; bottom: 0; height: 100%; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset; - background: #0063a6 url(progress.gif); - border: 0; - background-image: url(progress.png); - animation-name: none; } + background: #0063a6 url(progress.png); + border: 0; } + progress[data-position]:indeterminate::-webkit-progress-bar, progress.ws-style:indeterminate::-webkit-progress-bar { + background-image: url(progress.gif); } + progress[data-position]:indeterminate::-moz-progress-bar, progress.ws-style:indeterminate::-moz-progress-bar { + background-image: url(progress.gif); } + progress[data-position]:indeterminate, progress.ws-style:indeterminate { + animation-name: none; + background-image: url(progress.gif); } + progress[data-position].ws-indeterminate > span.progress-value, progress.ws-style.ws-indeterminate > span.progress-value { + display: block !important; + width: 100%; + right: 0; + background-image: url(progress.gif); } details { overflow: hidden; } summary { @@ -470,15 +503,19 @@ display: none !important; } .details-open-indicator { margin: -1px 0 0; display: inline-block; - width: 16px; - height: 11px; - background: url(details-arrows.png) no-repeat 0 0; + margin-right: 0.4em; + width: 0px; + height: 0px; + border-style: solid; + border-width: 0.76923em 0.38462em 0 0.38462em; + border-color: black transparent transparent transparent; vertical-align: middle; } .closed-details-summary .details-open-indicator { - background-position: 0 -20px; } + border-width: 0.38462em 0 0.38462em 0.76923em; + border-color: transparent transparent transparent black; } summary.summary-has-focus { outline: 1px dotted #aaaaaa; outline-offset: -1px; }