diff --git a/css/sass/_field-image.scss b/css/sass/_field-image.scss index 598f6e97..f966d236 100644 --- a/css/sass/_field-image.scss +++ b/css/sass/_field-image.scss @@ -55,10 +55,37 @@ &.loading .loading-indicator { display: block; - position: absolute; - top: 50%; - left: 50%; - margin: -10px 0 0 -10px; + position: relative; + width: 100%; + height: 100%; + } + + .loading-indicator { + .dashicons { + font-size: 80px; + height: 100px; + line-height: 100px; + width: 100%; + text-align: center; + vertical-align: middle; + } + .attachment-preview-loading { + width: 60px; + height: 5px; + overflow: hidden; + background-color: transparent; + margin: -30px auto 0; + + ins { + background-color: #464646; + margin: 0 0 0 -60px; + width: 60px; + height: 5px; + display: block; + -webkit-animation: attachment-preview-loading 1.3s infinite 1s linear; + animation: attachment-preview-loading 1.3s infinite 1s linear; + } + } } .filename { @@ -75,3 +102,21 @@ } } + +@-webkit-keyframes attachment-preview-loading { + 0% { + margin-left: -60px; + } + 100% { + margin-left: 60px; + } +} + +@keyframes attachment-preview-loading { + 0% { + margin-left: -60px; + } + 100% { + margin-left: 60px; + } +} diff --git a/css/shortcode-ui.css b/css/shortcode-ui.css index 5fe24c8c..8e2bbf8e 100644 --- a/css/shortcode-ui.css +++ b/css/shortcode-ui.css @@ -133,10 +133,30 @@ display: none; } .edit-shortcode-form .shortcake-attachment-preview.loading .loading-indicator { display: block; - position: absolute; - top: 50%; - left: 50%; - margin: -10px 0 0 -10px; } + position: relative; + width: 100%; + height: 100%; } + .edit-shortcode-form .shortcake-attachment-preview .loading-indicator .dashicons { + font-size: 80px; + height: 100px; + line-height: 100px; + width: 100%; + text-align: center; + vertical-align: middle; } + .edit-shortcode-form .shortcake-attachment-preview .loading-indicator .attachment-preview-loading { + width: 60px; + height: 5px; + overflow: hidden; + background-color: transparent; + margin: -30px auto 0; } + .edit-shortcode-form .shortcake-attachment-preview .loading-indicator .attachment-preview-loading ins { + background-color: #464646; + margin: 0 0 0 -60px; + width: 60px; + height: 5px; + display: block; + -webkit-animation: attachment-preview-loading 1.3s infinite 1s linear; + animation: attachment-preview-loading 1.3s infinite 1s linear; } .edit-shortcode-form .shortcake-attachment-preview .filename { line-height: 1.4em; } .edit-shortcode-form .shortcake-attachment-preview.has-attachment .button.add { @@ -144,4 +164,18 @@ .edit-shortcode-form .shortcake-attachment-preview.has-attachment .button.remove { display: block; } +@-webkit-keyframes attachment-preview-loading { + 0% { + margin-left: -60px; } + + 100% { + margin-left: 60px; } } + +@keyframes attachment-preview-loading { + 0% { + margin-left: -60px; } + + 100% { + margin-left: 60px; } } + /*# sourceMappingURL=shortcode-ui.css.map */ \ No newline at end of file diff --git a/css/shortcode-ui.css.map b/css/shortcode-ui.css.map index b07e9f4a..c5ed2cea 100644 --- a/css/shortcode-ui.css.map +++ b/css/shortcode-ui.css.map @@ -6,6 +6,6 @@ "../_field-image.scss" ], "sourcesContent": [], - "mappings": "AAAA,AAAY,AAAO;EAClB,AAAc;;AAKf,AAA2B;EACzB,AAAW;EACX,AAAY;EACZ,AAAQ;AAGV,AAA2B;EACzB,AAAK;;AAKP;EACC,AAAS;EAEV,AAAoB;IAElB,AAAQ;IACR,AAAO;IAEP,AAAsD;IACtD,AAA8C;IAC9C,AAAY;IACZ,AAAQ;IACR,AAAU;IACV,AAAY;IACZ,AAAO;IACP,AAAQ;IAEV,AAAoB,AAAqB;MAEtC,AAAW;MACX,AAAa;MACb,AAAgB;MAEnB,AAAoB,AAAqB,AAA8B;QACnE,AAAS;QACT,AAAW;QACX,AAAa;QACb,AAAO;QACP,AAAQ;QACR,AAAU;QACV,AAAK;IAKT,AAAoB,AAAqB;MACtC,AAAQ;MACR,AAAS;MACT,AAAU;MACV,AAAM;MACN,AAAO;MACP,AAAQ;MACR,AAAU;MACV,AAAY;MACZ,AAAW;MACX,AAAY;MACZ,AAAa;MACb,AAAY;MACZ,AAAoB;MACpB,AAAY;;AAOf,AAAsB;EACpB,AAAQ;EACR,AAAS;AAGX,AAAsB;EACpB,AAAS;EACT,AAAY;AAGd,AAAsB,AAAC;EACrB,AAAe;AAGjB,AAAsB;EACpB,AAAU;EACV,AAAQ;;AAIV;EAEC,AAAS;EAEV,AAAqB;IACnB,AAAS;IACT,AAAO;EAGT,AAAqB,AAAO,AAAqB;IAE/C,AAAQ;IACR,AAAoB;IACpB,AAAY;IACZ,AAAkB;IAClB,AAAO;IACP,AAAS;IACT,AAAoB;IACpB,AAAY;IACZ,AAAW;EAGb,AAAqB;IACnB,AAAO;IACP,AAAW;IACX,AAAY;EAId,AAAqB,AAA8B;IAAzC,AAAe;EAGzB,AAAqB;IACnB,AAAS;IACX,AAAqB,AAAa;MAC/B,AAAS;MACT,AAAe;EAIlB,AAAqB;IAInB,AAAa;IAHf,AAAqB,AAAc;MAChC,AAAS;;ACxIZ,AAAqB;EAEpB,AAAO;EACP,AAAQ;EACR,AAAQ;EACR,AAAa;EACb,AAAY;EACZ,AAAS;EAEV,AAAqB,AAA6B;IAChD,AAAS;EAGX,AAAqB,AAA6B,AAAK;IACrD,AAAQ;IACR,AAAe;IACf,AAAY;IACZ,AAAY;EAGd,AAAqB,AAA8B,AAAO;IACxD,AAAgB;IAChB,AAAS;EAGX,AAAqB,AAA8B,AAAO;IAExD,AAAS;IACT,AAAS;IACT,AAAU;IACV,AAAK;IACL,AAAO;IACP,AAAQ;IACR,AAAY;IACZ,AAAa;IACb,AAAY;IACZ,AAAO;IACP,AAAQ;IACR,AAAS;IAEX,AAAqB,AAA8B,AAAO,AAAO;MAC9D,AAAS;MACT,AAAU;MACV,AAAK;MACL,AAAM;MACN,AAAW;MACX,AAAa;EAIhB,AAAqB,AAA8B,AAAoB,AAAqB,AAA6B,AAAS,AAAO;IAEvI,AAAS;EAGX,AAAqB,AAA6B,AAAS;IACzD,AAAS;IACT,AAAU;IACV,AAAK;IACL,AAAM;IACN,AAAQ;EAGV,AAAqB,AAA8B;IACjD,AAAa;EAIf,AAAqB,AAA6B,AAAgB,AAAO;IACtE,AAAS;EAEZ,AAAqB,AAA6B,AAAgB,AAAO;IACtE,AAAS", + "mappings": "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", "names": [] } \ No newline at end of file diff --git a/inc/fields/class-field-attachment.php b/inc/fields/class-field-attachment.php index a653e7db..e405c381 100644 --- a/inc/fields/class-field-attachment.php +++ b/inc/fields/class-field-attachment.php @@ -63,7 +63,10 @@ public function action_shortcode_ui_loaded_editor() {
- +
+ +
+