PluginProbe
Imagify Image Optimization: Optimize Images | Compress & Convert to WebP/AVIF / trunk
Imagify Image Optimization: Optimize Images | Compress & Convert to WebP/AVIF vtrunk
2.3.4 2.3.3 2.3.2 2.3.1 2.3.0 2.2.9 2.2.8 trunk 1.10 1.3.3 1.3.4 1.3.5 1.3.5.1 1.3.5.2 1.3.6 1.3.6.1 1.4 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6 1.4.7 1.5 All 103 releases
← All changes | assets/css/bulk.css +41 -46 1.10 → trunk View file →
@@ -87,9 +87,9 @@
87 87 .media_page_imagify-bulk-optimization .media-item .percent,
88 88 body[class*="_imagify-ngg-bulk-optimization"] .media-item .percent {
89 89 position: absolute;
90 90 top: 6px;
91 - right: 0;
91 + right: -28px;
92 92 text-shadow: none;
93 93 width: auto;
94 94 padding: 0 5px;
95 95 line-height: 1.85;
@@ -311,14 +311,8 @@
311 311 margin-right: 4px;
312 312 color: #40B1D0;
313 313 }
314 314
315 -.imagify-col-content {
316 - background: #F4F7F9;
317 - border-left: 1px solid #ddd;
318 - border-right: 1px solid #ddd;
319 -}
320 -
321 315 .imagify-col-content .imagify-block-secondary {
322 316 margin-left: -1px;
323 317 margin-right: -1px;
324 318 }
@@ -335,9 +329,9 @@
335 329 }
336 330
337 331 .imagify-col-content .imagify-meteo-icon {
338 332 height: 64px;
339 - margin: 15px 15px 15px 20px;
333 + margin: 15px 15px 15px 0;
340 334 }
341 335
342 336 .imagify-col-content .imagify-section-title + p {
343 337 margin-top: 10px;
@@ -668,13 +662,18 @@
668 662 .imagify-bulk-table tbody td {
669 663 background: #FFF;
670 664 }
671 665
672 -.imagify-bulk-table .imagify-row-progress {
673 - display: none;
666 +@media (max-width: 782px) {
667 + .imagify-row-folder-type,
668 + tr.imagify-row-working,
669 + tr.imagify-row-waiting {
670 + padding-top: 20px;
671 + }
674 672 }
675 673
676 674 .imagify-bulk-table .imagify-row-progress {
675 + display: none;
677 676 height: 8px;
678 677 padding: 0;
679 678 }
680 679
@@ -805,11 +804,9 @@
805 804 }
806 805
807 806 /* Complete row / success */
808 807 .imagify-row-complete {
809 - padding: 35px 20px;
810 808 margin-top: 2em;
811 - background: #8BC34A;
812 809 color: #FFF;
813 810 text-shadow: 0 0 2px rgba(0, 0, 0, .1);
814 811 }
815 812
@@ -857,19 +854,21 @@
857 854 animation: congrate 500ms ease-in-out;
858 855 }
859 856
860 857 .imagify-all-complete {
858 + display: flex;
859 + justify-content: space-between;
861 860 margin: 1.5em 0;
862 861 }
863 862
864 -.imagify-all-complete > div {
865 - display: inline-block;
866 - vertical-align: middle;
867 -}
868 -
869 863 .imagify-ac-report {
864 + display: flex;
865 + justify-content: center;
866 + align-items: center;
867 + flex: auto;
868 + padding: 35px 20px;
869 + background: #8BC34A;
870 870 min-width: 310px;
871 - margin-right: 20px;
872 871 }
873 872
874 873 .imagify-ac-chart {
875 874 width: 46px;
@@ -893,44 +892,29 @@
893 892 word-spacing: 0.15em;
894 893 text-transform: uppercase;
895 894 }
896 895
897 -.imagify-ac-share {
898 - text-align: right;
896 +.imagify-ac-spread-word, .imagify-ac-leave-review {
897 + flex: auto;
898 + padding: 35px 20px;
899 + background: #343A49;
899 900 }
900 901
901 -.imagify-ac-share-content {
902 - display: inline-block;
903 - padding: 10px 15px;
904 - background: rgba(255, 255, 255, .2);
902 +.imagify-ac-spread-word h3 {
903 + color: #fff;
904 + text-transform: uppercase;
905 905 }
906 906
907 -.imagify-ac-share-content > * {
908 - display: inline-block;
909 - vertical-align: middle;
907 +.imagify-ac-spread-word .stars {
908 + text-decoration: none;
910 909 }
911 910
912 -.imagify-bulk-table .imagify-ac-share-content p {
913 - margin-right: 5px;
911 +.imagify-ac-leave-review {
912 + display: flex;
913 + justify-content: center;
914 + align-items: center;
914 915 }
915 916
916 -.imagify-share-networks,
917 -.imagify-share-networks li {
918 - margin: 0;
919 -}
920 -
921 -.imagify-share-networks li {
922 - display: inline-block;
923 -}
924 -
925 -.imagify-share-networks a {
926 - display: inline-block;
927 - vertical-align: -7px;
928 - margin: 0 5px;
929 - text-decoration: none;
930 - color: #FFF;
931 -}
932 -
933 917 /* TD's width */
934 918 .imagify-cell-checkbox {
935 919 width: 35px;
936 920 }
@@ -1319,4 +1303,15 @@
1319 1303 margin: 0 0 15px 0;
1320 1304 }
1321 1305 }
1322 1306
1307 +.imagify-notice-dismiss {
1308 + text-decoration: none;
1309 +}
1310 +
1311 +.imagify-notice-dismiss::before {
1312 + color: #fff;
1313 +}
1314 +
1315 +.imagify-notice-dismiss.notice-dismiss:hover::before {
1316 + color: #fff;
1317 +}