vendor/assets/javascripts/webshims/shims/styles/shim.css in webshims-rails-1.13.0 vs vendor/assets/javascripts/webshims/shims/styles/shim.css in webshims-rails-1.14.1

- old
+ new

@@ -1,5 +1,12 @@ +.ws-custom-file { + zoom: 1; } + .ws-custom-file:before, .ws-custom-file:after { + display: table; + clear: both; + content: ' '; } + .ws-popover { -moz-box-sizing: content-box; box-sizing: content-box; } .ws-popover *, .ws-popover:before, .ws-popover:after, .ws-popover :after, @@ -11,10 +18,32 @@ display: none !important; visibility: hidden !important; position: absolute; top: -999999px; } +.ws-po-box button, .ws-custom-file > button { + display: inline-block; + overflow: visible; + position: relative; + margin: 0; + border: 0; + padding: 0; + -webkit-appearance: none; + appearance: none; + font-family: inherit; + background: transparent; + cursor: pointer; + font-size: inherit; + line-height: inherit; + touch-action: none; } + .ws-po-box button::-moz-focus-inner, .ws-custom-file > button::-moz-focus-inner { + border: 0; + padding: 0; } + .ws-po-box button[disabled], .ws-custom-file > button[disabled] { + cursor: default; + color: #888; } + [hidden] { display: none; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } @@ -240,29 +269,10 @@ border: 0.07692em solid #cccccc; background: #fff; padding: 0.38462em 0.38462em 0.23077em; 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; - -webkit-appearance: none; - appearance: none; - font-family: inherit; - background: transparent; - cursor: pointer; - touch-action: none; } - .ws-po-box button::-moz-focus-inner { - border: 0; - padding: 0; } - .ws-po-box button[disabled] { - cursor: default; - color: #888; } .ws-po-arrow { position: absolute; top: 0.30769em; left: 1.53846em; @@ -528,5 +538,67 @@ border-color: transparent transparent transparent #000; } summary.summary-has-focus { outline: 1px dotted #aaa; outline-offset: -1px; } + +.ws-custom-file { + position: relative; + zoom: 1; } + .ws-custom-file > button, + .ws-custom-file > input { + -moz-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; } + .ws-custom-file > button, + .ws-custom-file > .ws-file-value { + position: relative; + z-index: 0; + display: inline-block; + padding: 5px; + border: 1px solid #ccc; + background: #eee; + color: #333; + transition: 400ms all; } + .ws-custom-file > button { + margin-right: 0.4em; + float: left; } + .ws-custom-file .ws-file-value { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } + .ws-custom-file:hover > button, .ws-custom-file.ws-mouseenter > button, + .ws-custom-file > input[type="file"]:focus ~ button { + background: #fff; + border-color: #999; + background: #eeeeee linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); } + .ws-custom-file:hover > .ws-file-value, .ws-custom-file.ws-mouseenter > .ws-file-value, + .ws-custom-file > input[type="file"]:focus ~ .ws-file-value { + border-color: #999; } + .ws-custom-file.ws-active > button, + .ws-custom-file > input[type="file"]:active ~ button { + border-color: #000; } + .ws-custom-file.ws-active > .ws-file-value, + .ws-custom-file > input[type="file"]:active ~ .ws-file-value { + border-color: #000; } + .ws-custom-file > input[type="file"][disabled] ~ .ws-file-value, + .ws-custom-file > input[type="file"][disabled] ~ button { + border-color: #bbb; + background: #eee; + color: #999; } + .ws-custom-file > input[type="file"] { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; + filter: alpha(opacity=0); + opacity: 0.00001; + z-index: 9; } + .ws-custom-file > input[type="file"][disabled] { + cursor: default; + cursor: not-allowed; } + .ws-custom-file > .moxie-shim { + z-index: 20; }