vendor/assets/javascripts/webshims/shims/styles/forms-ext.css in webshims-rails-1.12.2 vs vendor/assets/javascripts/webshims/shims/styles/forms-ext.css in webshims-rails-1.12.3

- old
+ new

@@ -100,25 +100,43 @@ display: inline-block; } .hide-ticks .ws-range-ticks { display: none; } -.show-valuetooltip span.ws-range-thumb > span, .show-valuetooltip span.ws-range-thumb > span:after { +.show-valuetooltip span.ws-range-thumb > span, +.show-valuetooltip span.ws-range-thumb > span span:after { display: inline-block; } +.show-valuetooltip span.ws-range-thumb > span span:after { + content: attr(data-value) !important; + visibility: visible !important; } -.ws-active.show-activevaluetooltip span.ws-range-thumb > span, .ws-active.show-activevaluetooltip span.ws-range-thumb > span:after, +.ws-active.show-activevaluetooltip span.ws-range-thumb > span, +.ws-active.show-activevaluetooltip span.ws-range-thumb > span span:after, .show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span, -.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span:after { +.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span span:after { display: inline-block; } +.ws-active.show-activevaluetooltip span.ws-range-thumb > span span:after, +.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span span:after { + content: attr(data-value) !important; + visibility: visible !important; } -.show-labeltooltip span.ws-range-thumb > span, .show-labeltooltip span.ws-range-thumb > span:before { +.show-labeltooltip span.ws-range-thumb > span, +.show-labeltooltip span.ws-range-thumb > span span:before { display: inline-block; } +.show-labeltooltip span.ws-range-thumb > span span:before { + content: attr(data-valuetext) !important; + visibility: visible !important; } -.ws-active.show-activelabeltooltip span.ws-range-thumb > span, .ws-active.show-activelabeltooltip span.ws-range-thumb > span:before, +.ws-active.show-activelabeltooltip span.ws-range-thumb > span, +.ws-active.show-activelabeltooltip span.ws-range-thumb > span span:before, .show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span, -.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span:before { +.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span span:before { display: inline-block; } +.ws-active.show-activelabeltooltip span.ws-range-thumb > span span:before, +.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span span:before { + content: attr(data-valuetext) !important; + visibility: visible !important; } /* spinner control for time, number (usable for date, datetime-local) */ .has-input-buttons, html > body input.ws-inputreplace.has-input-buttons, span.has-input-buttons { @@ -263,28 +281,28 @@ display: inline-block; } .ws-date .mm, .ws-date .dd { width: 23.5%; - min-width: 12%; } + min-width: 10%; } .ws-date .yy { width: 48%; - min-width: 24%; } + min-width: 20%; } .ws-date.ws-month-select .dd { width: 22%; - min-width: 11%; } + min-width: 10%; } .ws-date.ws-month-select .mm { width: 38%; - min-width: 19%; } + min-width: 17%; } .ws-date.ws-month-select .yy { width: 36%; - min-width: 18%; } + min-width: 16%; } .ws-month .mm, .ws-month .yy { width: 47.9%; - min-width: 24%; } + min-width: 20%; } /* range */ .ws-range { position: relative; display: inline-block; @@ -326,22 +344,20 @@ bottom: 1.61538em; visibility: hidden; width: 180px; text-align: center; background: none; } - .ws-range .ws-range-thumb > span:after, .ws-range .ws-range-thumb > span:before { - content: attr(data-value); - padding: 0.07692em 0.26923em; - text-align: center; - background: #fff; - border: 0.07692em solid #cccccc; - border-radius: 0.30769em; + .ws-range .ws-range-thumb > span span { visibility: visible; } - .ws-range .ws-range-thumb > span:after { - content: attr(data-value); } - .ws-range .ws-range-thumb > span:before { - content: attr(data-valuetext); } + .ws-range .ws-range-thumb > span span:after, .ws-range .ws-range-thumb > span span:before { + content: ""; + padding: 0.07692em 0.26923em; + text-align: center; + background: #fff; + border: 0.07692em solid #cccccc; + border-radius: 0.30769em; + visibility: visible; } .ws-range.ws-focus .ws-range-thumb { background: #eee; border-color: #999; } .ws-range.ws-active .ws-range-thumb { box-shadow: 0 0 0.69231em rgba(0, 75, 100, 0.2); } @@ -430,11 +446,13 @@ min-width: 0; } .ws-range-ticks:before { content: attr(data-value); } -.ws-range-thumb > span, .ws-range-thumb > span:after, .ws-range-thumb > span:before { +.ws-range-thumb > span, +.ws-range-thumb > span span:after, +.ws-range-thumb > span span:before { display: none; } /* helper classes to hide show/hide specific range features features */ .input-picker .ws-button-row button { border-radius: 0.30769em; @@ -504,11 +522,11 @@ background: #eee; z-index: 1; color: #333; } .input-picker .ws-picker-controls > button.ws-year-btn:after, .input-picker .ws-picker-controls > button:before { display: inline-block; - content: " "; + content: ""; width: 0px; height: 0px; border-style: solid; margin-top: 0.29231em; } .input-picker .ws-picker-controls > button span { @@ -557,9 +575,11 @@ margin-left: 0.23077em; margin-right: 0; } .input-picker .next-controls [class*="ws-super-"][disabled], .input-picker .ws-po-box[dir="rtl"] .prev-controls [class*="ws-super-"][disabled] { display: none; } + .input-picker.ws-po-visible .ws-picker-controls button:after, .input-picker.ws-po-visible .ws-picker-controls button:before { + content: " "; } .input-picker .ws-po-box[dir="rtl"] { direction: rtl; } .input-picker.time-popover .ws-picker-body { padding-top: 2.76923em; } .input-picker .ws-picker-body {