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; }