fixed safari bugs on image modals

austintoddj · Feb 9, 2020 · e42ce62 · e42ce62
1 parent 9621390
commit e42ce62
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 7 deletions.
diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,5 +1,5 @@
 {
-    "/js/app.js": "/js/app.js?id=de244d2c1fa790a16043",
+    "/js/app.js": "/js/app.js?id=33167fb06ffc33e0102c",
     "/css/app.css": "/css/app.css?id=1b72078c7d5efcba44ea",
     "/css/app-dark.css": "/css/app-dark.css?id=c00d27458093a6dbec9d",
     "/favicon.ico": "/favicon.ico?id=b3aec2f33a001156e320"

diff --git a/resources/js/components/editor/ImageModal.vue b/resources/js/components/editor/ImageModal.vue
@@ -3,15 +3,16 @@
         <div class="modal-dialog" ref="modal" role="document">
             <div class="modal-content">
                 <div v-if="!selectedImageUrl" class="modal-header d-flex align-items-center justify-content-between">
-                    <div v-if="unsplashKey" class="input-group">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" class="icon-search">
+                    <div v-if="unsplashKey" class="input-group align-items-center">
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" class="icon-search float-left position-absolute">
                             <circle cx="10" cy="10" r="7" class="fill-bg"/>
                             <path class="primary" d="M16.32 14.9l1.1 1.1c.4-.02.83.13 1.14.44l3 3a1.5 1.5 0 0 1-2.12 2.12l-3-3a1.5 1.5 0 0 1-.44-1.14l-1.1-1.1a8 8 0 1 1 1.41-1.41zM10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12z"/>
                         </svg>
                         <input
                             v-model="searchKeyword"
                             type="text"
                             autofocus
+                            style="padding-left:32px"
                             class="form-control border-0 bg-transparent"
                             :placeholder="trans.app.search_free_photos"
                         />

diff --git a/resources/js/components/modals/FeaturedImageModal.vue b/resources/js/components/modals/FeaturedImageModal.vue
@@ -3,15 +3,16 @@
         <div class="modal-dialog" ref="modal" role="document">
             <div class="modal-content">
                 <div v-if="!selectedImageUrl" class="modal-header d-flex align-items-center justify-content-between">
-                    <div v-if="unsplashKey" class="input-group">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" class="icon-search">
+                    <div v-if="unsplashKey" class="input-group align-items-center">
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" class="icon-search float-left position-absolute">
                             <circle cx="10" cy="10" r="7" class="fill-bg"/>
                             <path class="primary" d="M16.32 14.9l1.1 1.1c.4-.02.83.13 1.14.44l3 3a1.5 1.5 0 0 1-2.12 2.12l-3-3a1.5 1.5 0 0 1-.44-1.14l-1.1-1.1a8 8 0 1 1 1.41-1.41zM10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12z"/>
                         </svg>
                         <input
                             v-model="searchKeyword"
                             type="text"
                             autofocus
+                            style="padding-left:32px"
                             class="form-control border-0 bg-transparent"
                             :placeholder="trans.app.search_free_photos"
                         />

diff --git a/resources/js/components/modals/ProfileModal.vue b/resources/js/components/modals/ProfileModal.vue
@@ -40,7 +40,7 @@
                         @removefile="removedFromFilePond"/>
 
                     <div v-if="!isReadyToAcceptUploads" class="d-flex justify-content-center bg-black">
-                        <button @click.prevent="clearAvatar" type="button" class="close position-absolute" style="top:205px" data-dismiss="modal" aria-label="Close">
+                        <button @click.prevent="clearAvatar" type="button" class="close position-absolute d-block align-self-center" data-dismiss="modal" aria-label="Close">
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" class="icon-trash">
                                 <path class="primary" d="M5 5h14l-.89 15.12a2 2 0 0 1-2 1.88H7.9a2 2 0 0 1-2-1.88L5 5zm5 5a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1zm4 0a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1z"/>
                                 <path class="primary" d="M8.59 4l1.7-1.7A1 1 0 0 1 11 2h2a1 1 0 0 1 .7.3L15.42 4H19a1 1 0 0 1 0 2H5a1 1 0 1 1 0-2h3.59z"/>