Browse Source

fix styling on refresh

causefx 8 năm trước cách đây
mục cha
commit
b6ea4696ce
1 tập tin đã thay đổi với 31 bổ sung4 xóa
  1. 31 4
      homepage.php

+ 31 - 4
homepage.php

@@ -76,18 +76,33 @@ foreach(loadAppearance() as $key => $value) {
         <style>
 			<?php if($USER->role !== "admin"){ echo '.refreshImage { display: none; }';}?>
 			.refreshImage{
-				top: -15px;
-				opacity: .3;
+				top: -10px;
+				opacity: 0;
+			}
+			.ultra-widget.refreshImage .w-refresh.w-p-icon {
+			    opacity: 1;
 			}
 			.refreshImage:hover{
 				opacity: 1;
 			}
 			.refreshImage .w-refresh {
 			    font-size: 36px;
-			    opacity: 0.5;
+			    opacity: 1;
 			    right: 0;
 			    left: 5px;
 			}
+			.refreshImage span.w-refresh:hover::before {
+				content: "Refresh";
+			    font-size: 17px;
+			    float: right;
+			    top: 18px;
+			    position: absolute;
+			    left: 15px;
+			    color: white;
+			    background: black;
+			    border-radius: 5px;
+			    padding: 0px 20px;
+			}
             .fc-day-grid-event{
                 cursor: pointer;
             }
@@ -496,11 +511,23 @@ foreach(loadAppearance() as $key => $value) {
         $('[data-toggle="tooltip"]').tooltip();
 
 		$(document).on("click", ".refreshImage", function(e) {
+			parent.$.smkAlert({
+                text: 'Refreshing Image...',
+                type: 'info',
+                time: 1
+            });
 			e.preventDefault;
 			var orginalElement = $(this).parent().find('.refreshImageSource');
 			var original = orginalElement.attr('original-image');
 			orginalElement.attr('src', original);
-			console.log(original);
+			console.log('replaced image with : '+original);
+			setTimeout(function(){
+				parent.$.smkAlert({
+	                text: 'Image Refreshed - Clear Cache Please.',
+	                type: 'info',
+	                time: 3
+	            });
+			}, 1000);
 		});
         $(".swal-legend").click(function () {
             swal({