Changeset 3383540
- Timestamp:
- 10/23/2025 03:11:14 PM (3 months ago)
- Location:
- dashboard-summary
- Files:
-
- 10 edited
- 1 copied
-
tags/1.1.2 (copied) (copied from dashboard-summary/trunk)
-
tags/1.1.2/assets/css/dswp-style.css (modified) (9 diffs)
-
tags/1.1.2/dashboard-summary.php (modified) (3 diffs)
-
tags/1.1.2/includes/blog-functions.php (modified) (1 diff)
-
tags/1.1.2/includes/woocommerce-functions.php (modified) (1 diff)
-
tags/1.1.2/readme.txt (modified) (1 diff)
-
trunk/assets/css/dswp-style.css (modified) (9 diffs)
-
trunk/dashboard-summary.php (modified) (3 diffs)
-
trunk/includes/blog-functions.php (modified) (1 diff)
-
trunk/includes/woocommerce-functions.php (modified) (1 diff)
-
trunk/readme.txt (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
dashboard-summary/tags/1.1.2/assets/css/dswp-style.css
r3383384 r3383540 1 .dashboard-summary { 2 display: flex; 3 flex-wrap: wrap; 4 margin: -5px; 5 width: 100%; 6 } 7 8 .dashboard-summary .card { 9 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 10 border: none; 11 border-radius: 12px; 12 padding: 20px; 13 margin: 5px; 14 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 15 transition: all 0.3s ease-in-out; 16 display: flex; 17 flex-direction: row; 18 align-items: center; 19 justify-content: flex-start; 20 gap: 15px; 21 color: #ffffff; 22 text-decoration: none; 23 flex: 1 1 calc(16.66% - 10px); 24 box-sizing: border-box; 25 position: relative; 26 overflow: hidden; 27 } 28 29 .dashboard-summary .card::before { 30 content: ''; 31 position: absolute; 32 top: 0; 33 left: 0; 34 right: 0; 35 bottom: 0; 36 background: rgba(255, 255, 255, 0.1); 37 opacity: 0; 38 transition: opacity 0.3s ease; 39 } 40 41 .dashboard-summary .card:nth-child(1) { 42 background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); 43 } 44 45 .dashboard-summary .card:nth-child(2) { 46 background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); 47 } 48 49 .dashboard-summary .card:nth-child(3) { 50 background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); 51 } 52 53 .dashboard-summary .card:nth-child(4) { 54 background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); 55 } 56 57 .dashboard-summary .card:nth-child(5) { 58 background: linear-gradient(135deg, #30cfd0 0%, #330867 100%); 59 } 60 61 .dashboard-summary .card:nth-child(6) { 62 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 63 } 64 65 .dashboard-summary a.card { 66 text-decoration: none; 67 color: #ffffff; 68 cursor: pointer; 69 } 70 71 .dashboard-summary a.card:hover::before { 72 opacity: 1; 73 } 74 75 form div.error, 76 .wrap .notice, 77 .wrap div.error, 78 .wrap div.updated { 1 /* Dashboard Summary Plugin Styles - Prefix: dswp- */ 2 .dswp-plugin-container .dashboard-summary { 3 display: flex !important; 4 flex-wrap: wrap !important; 5 margin: -5px !important; 6 width: 100% !important; 7 } 8 9 .dswp-plugin-container .dashboard-summary .card { 10 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; 11 border: none !important; 12 border-radius: 12px !important; 13 padding: 15px 20px !important; 14 margin: 5px !important; 15 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important; 16 transition: all 0.3s ease-in-out !important; 17 display: flex !important; 18 flex-direction: row !important; 19 align-items: center !important; 20 justify-content: flex-start !important; 21 gap: 15px !important; 22 color: #ffffff !important; 23 text-decoration: none !important; 24 flex: 1 1 calc(16.66% - 10px) !important; 25 box-sizing: border-box !important; 26 position: relative !important; 27 overflow: visible !important; 28 min-width: 0 !important; 29 min-height: 90px !important; 30 } 31 32 .dswp-plugin-container .dashboard-summary .card::before { 33 content: "" !important; 34 position: absolute !important; 35 top: 0 !important; 36 left: 0 !important; 37 right: 0 !important; 38 bottom: 0 !important; 39 background: rgba(255, 255, 255, 0.1) !important; 40 opacity: 0 !important; 41 transition: opacity 0.3s ease !important; 42 } 43 44 .dswp-plugin-container .dashboard-summary .card:nth-child(1) { 45 background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important; 46 } 47 48 .dswp-plugin-container .dashboard-summary .card:nth-child(2) { 49 background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important; 50 } 51 52 .dswp-plugin-container .dashboard-summary .card:nth-child(3) { 53 background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important; 54 } 55 56 .dswp-plugin-container .dashboard-summary .card:nth-child(4) { 57 background: linear-gradient(135deg, #fa709a 0%, #fee140 100%) !important; 58 } 59 60 .dswp-plugin-container .dashboard-summary .card:nth-child(5) { 61 background: linear-gradient(135deg, #30cfd0 0%, #330867 100%) !important; 62 } 63 64 .dswp-plugin-container .dashboard-summary .card:nth-child(6) { 65 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; 66 } 67 68 .dswp-plugin-container .dashboard-summary a.card { 69 text-decoration: none !important; 70 color: #ffffff !important; 71 cursor: pointer !important; 72 } 73 74 .dswp-plugin-container .dashboard-summary a.card:link, 75 .dswp-plugin-container .dashboard-summary a.card:visited, 76 .dswp-plugin-container .dashboard-summary a.card:hover, 77 .dswp-plugin-container .dashboard-summary a.card:active { 78 text-decoration: none !important; 79 color: #ffffff !important; 80 border: none !important; 81 outline: none !important; 82 } 83 84 .dswp-plugin-container .dashboard-summary a.card h2, 85 .dswp-plugin-container .dashboard-summary a.card .card-value, 86 .dswp-plugin-container .dashboard-summary a.card .card-content, 87 .dswp-plugin-container .dashboard-summary a.card * { 88 color: #ffffff !important; 89 text-decoration: none !important; 90 } 91 92 .dswp-plugin-container .dashboard-summary a.card:hover::before { 93 opacity: 1 !important; 94 } 95 96 /* WordPress admin notice fixes */ 97 .dswp-plugin-container form div.error, 98 .dswp-plugin-container .wrap .notice, 99 .dswp-plugin-container .wrap div.error, 100 .dswp-plugin-container .wrap div.updated { 79 101 margin: 5px 0 0px !important; 80 102 } 81 103 82 .dashboard-summary .card-icon { 83 font-size: 36px; 84 margin: 0; 85 color: rgba(255, 255, 255, 0.9); 86 flex-shrink: 0; 87 background: rgba(255, 255, 255, 0.2); 88 width: 56px; 89 height: 56px; 90 display: flex; 91 align-items: center; 92 justify-content: center; 93 border-radius: 12px; 94 backdrop-filter: blur(10px); 95 } 96 97 .dashboard-summary .card-content { 98 display: flex; 99 flex-direction: column; 100 align-items: flex-start; 101 gap: 5px; 102 flex: 1; 103 } 104 105 .dashboard-summary .card h2 { 106 font-weight: 500; 107 margin: 0; 108 font-size: 13px; 109 color: rgba(255, 255, 255, 0.9); 110 text-transform: capitalize; 111 letter-spacing: 0.3px; 112 } 113 114 .dashboard-summary .card-value { 115 font-size: 28px; 116 font-weight: 700; 117 color: #ffffff; 118 margin: 0; 119 line-height: 1; 120 } 121 122 .dashboard-summary .card:hover { 123 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); 124 transform: translateY(-3px); 125 } 126 127 .dashboard-summary .card p { 128 font-size: 18px; 129 font-weight: bold; 130 color: var(--text-color); /* use CSS variable for text color */ 104 .dswp-plugin-container .dashboard-summary .card-icon { 105 font-size: 36px !important; 106 margin: 0 !important; 107 color: rgba(255, 255, 255, 0.95) !important; 108 flex-shrink: 0 !important; 109 background: rgba(255, 255, 255, 0.2) !important; 110 width: 56px !important; 111 height: 56px !important; 112 display: flex !important; 113 align-items: center !important; 114 justify-content: center !important; 115 border-radius: 12px !important; 116 backdrop-filter: blur(10px) !important; 117 position: relative !important; 118 z-index: 1 !important; 119 box-sizing: border-box !important; 120 text-align: center !important; 121 } 122 123 /* Ensure Dashicons display properly with proper centering */ 124 .dswp-plugin-container .dashboard-summary .card-icon.dashicons, 125 .dswp-plugin-container .dashboard-summary .card-icon.dashicons:before { 126 font-family: dashicons !important; 127 font-style: normal !important; 128 font-weight: normal !important; 129 speak: never !important; 130 display: flex !important; 131 align-items: center !important; 132 justify-content: center !important; 133 text-decoration: inherit !important; 134 font-size: 36px !important; 135 color: rgba(255, 255, 255, 0.95) !important; 136 text-align: center !important; 137 transition: color 0.1s ease-in !important; 138 line-height: 1 !important; 139 height: 100% !important; 140 } 141 142 .dswp-plugin-container .dashboard-summary .card-content { 143 display: flex !important; 144 flex-direction: column !important; 145 align-items: flex-start !important; 146 justify-content: center !important; 147 gap: 5px !important; 148 flex: 1 !important; 149 min-width: 0 !important; 150 visibility: visible !important; 151 opacity: 1 !important; 152 } 153 154 .dswp-plugin-container .dashboard-summary .card h2 { 155 font-weight: 500 !important; 156 margin: 0 !important; 157 font-size: 13px !important; 158 color: rgba(255, 255, 255, 0.9) !important; 159 text-transform: capitalize !important; 160 letter-spacing: 0.3px !important; 161 display: block !important; 162 visibility: visible !important; 163 opacity: 1 !important; 164 width: auto !important; 165 height: auto !important; 166 } 167 168 .dswp-plugin-container .dashboard-summary .card-value { 169 font-size: 28px !important; 170 font-weight: 700 !important; 171 color: #ffffff !important; 172 margin: 0 !important; 173 line-height: 1 !important; 174 display: block !important; 175 visibility: visible !important; 176 opacity: 1 !important; 177 width: auto !important; 178 height: auto !important; 179 } 180 181 /* Ensure span elements are also visible */ 182 .dswp-plugin-container .dashboard-summary .card-content span, 183 .dswp-plugin-container .dashboard-summary .card-content h2, 184 .dswp-plugin-container .dashboard-summary .card-content * { 185 visibility: visible !important; 186 opacity: 1 !important; 187 } 188 189 .dswp-plugin-container .dashboard-summary .card:hover { 190 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important; 191 transform: translateY(-3px) !important; 192 } 193 194 .dswp-plugin-container .dashboard-summary .card p { 195 font-size: 18px !important; 196 font-weight: bold !important; 197 color: #ffffff !important; 131 198 } 132 199 133 200 /* Section spacing for PC view */ 134 201 @media only screen and (min-width: 992px) { 135 . notice.dswp-woocommerce-section {202 .dswp-plugin-container .notice.dswp-woocommerce-section { 136 203 margin-bottom: 8px !important; 137 204 } … … 142 209 /* Desktop - Large screens (1200px and above) - 6 cards per row */ 143 210 @media only screen and (min-width: 1200px) { 144 .d ashboard-summary .card {145 flex: 1 1 calc(16.66% - 10px) ;146 max-width: calc(16.66% - 10px) ;211 .dswp-plugin-container .dashboard-summary .card { 212 flex: 1 1 calc(16.66% - 10px) !important; 213 max-width: calc(16.66% - 10px) !important; 147 214 } 148 215 } … … 150 217 /* Desktop - Medium screens (992px to 1199px) - 4 cards per row */ 151 218 @media only screen and (min-width: 992px) and (max-width: 1199px) { 152 .d ashboard-summary .card {153 flex: 1 1 calc(25% - 10px) ;154 max-width: calc(25% - 10px) ;219 .dswp-plugin-container .dashboard-summary .card { 220 flex: 1 1 calc(25% - 10px) !important; 221 max-width: calc(25% - 10px) !important; 155 222 } 156 223 } … … 158 225 /* Tablet - (768px to 991px) - 3 cards per row */ 159 226 @media only screen and (min-width: 768px) and (max-width: 991px) { 160 .d ashboard-summary .card {161 flex: 1 1 calc(33.33% - 10px) ;162 max-width: calc(33.33% - 10px) ;227 .dswp-plugin-container .dashboard-summary .card { 228 flex: 1 1 calc(33.33% - 10px) !important; 229 max-width: calc(33.33% - 10px) !important; 163 230 } 164 231 } … … 166 233 /* Mobile - Large (481px to 767px) - 2 cards per row */ 167 234 @media only screen and (min-width: 481px) and (max-width: 767px) { 168 .d ashboard-summary {235 .dswp-plugin-container .dashboard-summary { 169 236 margin: -4px !important; 170 237 } 171 172 .d ashboard-summary .card {238 239 .dswp-plugin-container .dashboard-summary .card { 173 240 flex: 0 1 calc(50% - 8px) !important; 174 241 max-width: calc(50% - 8px) !important; … … 178 245 padding: 12px 10px !important; 179 246 gap: 12px !important; 180 } 181 182 .dashboard-summary .card-icon { 247 min-width: 0 !important; 248 } 249 250 .dswp-plugin-container .dashboard-summary .card-icon { 183 251 font-size: 28px !important; 184 252 margin: 0 !important; 185 253 width: 50px !important; 186 254 height: 50px !important; 187 } 188 189 .dashboard-summary .card-content { 255 background: rgba(255, 255, 255, 0.2) !important; 256 border-radius: 12px !important; 257 display: flex !important; 258 align-items: center !important; 259 justify-content: center !important; 260 backdrop-filter: blur(10px) !important; 261 color: rgba(255, 255, 255, 0.95) !important; 262 text-align: center !important; 263 } 264 265 .dswp-plugin-container .dashboard-summary .card-icon.dashicons { 266 font-size: 26px !important; 267 width: auto !important; 268 height: auto !important; 269 color: rgba(255, 255, 255, 0.95) !important; 270 } 271 272 .dswp-plugin-container .dashboard-summary .card-content { 190 273 gap: 4px !important; 191 } 192 193 .dashboard-summary .card h2 { 274 min-width: 0 !important; 275 } 276 277 .dswp-plugin-container .dashboard-summary .card h2 { 194 278 font-size: 11px !important; 195 279 margin: 0 !important; 196 280 } 197 198 .d ashboard-summary .card-value {281 282 .dswp-plugin-container .dashboard-summary .card-value { 199 283 font-size: 24px !important; 200 284 margin: 0 !important; … … 204 288 /* Mobile - Small (480px and below) - 2 cards per row */ 205 289 @media only screen and (max-width: 480px) { 206 .d ashboard-summary {290 .dswp-plugin-container .dashboard-summary { 207 291 margin: -3px !important; 208 292 } 209 210 .d ashboard-summary .card {293 294 .dswp-plugin-container .dashboard-summary .card { 211 295 flex: 0 1 calc(50% - 6px) !important; 212 296 max-width: calc(50% - 6px) !important; … … 217 301 gap: 10px !important; 218 302 border-radius: 10px !important; 219 } 220 221 .dashboard-summary .card-icon { 303 min-width: 0 !important; 304 } 305 306 .dswp-plugin-container .dashboard-summary .card-icon { 222 307 font-size: 24px !important; 223 308 margin: 0 !important; … … 225 310 height: 44px !important; 226 311 border-radius: 10px !important; 227 } 228 229 .dashboard-summary .card-content { 312 background: rgba(255, 255, 255, 0.2) !important; 313 display: flex !important; 314 align-items: center !important; 315 justify-content: center !important; 316 backdrop-filter: blur(10px) !important; 317 color: rgba(255, 255, 255, 0.95) !important; 318 text-align: center !important; 319 } 320 321 .dswp-plugin-container .dashboard-summary .card-icon.dashicons, 322 .dswp-plugin-container .dashboard-summary .card-icon.dashicons:before { 323 font-size: 22px !important; 324 width: auto !important; 325 height: auto !important; 326 color: rgba(255, 255, 255, 0.95) !important; 327 } 328 329 .dswp-plugin-container .dashboard-summary .card-content { 230 330 gap: 3px !important; 231 } 232 233 .dashboard-summary .card h2 { 331 min-width: 0 !important; 332 } 333 334 .dswp-plugin-container .dashboard-summary .card h2 { 234 335 font-size: 10px !important; 235 336 margin: 0 !important; 236 337 } 237 338 238 .d ashboard-summary .card-value {339 .dswp-plugin-container .dashboard-summary .card-value { 239 340 font-size: 20px !important; 240 341 margin: 0 !important; 241 342 } 242 343 } 243 }244 } -
dashboard-summary/tags/1.1.2/dashboard-summary.php
r3383384 r3383540 9 9 * Requires at least: 5.6 10 10 * Requires PHP: 7.0 11 * Version: 1.1. 111 * Version: 1.1.2 12 12 * License: GPLv2 or later 13 13 * License URI: http://www.gnu.org/licenses/gpl-2.0.html … … 72 72 $end_color = isset($options[$card_id . '_end']) ? $options[$card_id . '_end'] : $defaults[$card_id]['end']; 73 73 74 $css .= ".d ashboard-summary-woocommerce .card:nth-child({$i}) { background: linear-gradient(135deg, {$start_color} 0%, {$end_color} 100%) !important; }\n";74 $css .= ".dswp-plugin-container .dashboard-summary-woocommerce .card:nth-child({$i}) { background: linear-gradient(135deg, {$start_color} 0%, {$end_color} 100%) !important; }\n"; 75 75 } 76 76 … … 82 82 $end_color = isset($options[$card_id . '_end']) ? $options[$card_id . '_end'] : $defaults[$card_id]['end']; 83 83 84 $css .= ".d ashboard-summary-blog .card:nth-child({$i}) { background: linear-gradient(135deg, {$start_color} 0%, {$end_color} 100%) !important; }\n";84 $css .= ".dswp-plugin-container .dashboard-summary-blog .card:nth-child({$i}) { background: linear-gradient(135deg, {$start_color} 0%, {$end_color} 100%) !important; }\n"; 85 85 } 86 86 87 87 // Add gap between sections on desktop 88 88 $css .= "@media only screen and (min-width: 768px) {\n"; 89 $css .= " .dswp- woocommerce-section { margin-bottom: 10px !important; }\n";90 $css .= " .dswp- blog-section { margin-top: 10px !important; }\n";89 $css .= " .dswp-plugin-container .dswp-woocommerce-section { margin-bottom: 10px !important; }\n"; 90 $css .= " .dswp-plugin-container .dswp-blog-section { margin-top: 10px !important; }\n"; 91 91 $css .= "}\n"; 92 92 -
dashboard-summary/tags/1.1.2/includes/blog-functions.php
r3383367 r3383540 29 29 // Display data. 30 30 ?> 31 <div class="notice dswp-blog-section " style="background-color: #F0F0F1; border: none;">31 <div class="notice dswp-blog-section dswp-plugin-container" style="background-color: #F0F0F1; border: none;"> 32 32 <div class="dashboard-summary dashboard-summary-blog"> 33 33 <a href="<?php echo esc_url(admin_url('edit.php')); ?>" class="card"> -
dashboard-summary/tags/1.1.2/includes/woocommerce-functions.php
r3383367 r3383540 34 34 // Display data. 35 35 ?> 36 <div class="notice dswp-woocommerce-section " style="background-color: #F0F0F1; border: none;">36 <div class="notice dswp-woocommerce-section dswp-plugin-container" style="background-color: #F0F0F1; border: none;"> 37 37 <div class="dashboard-summary dashboard-summary-woocommerce"> 38 38 <a href="<?php echo esc_url(admin_url('edit.php?post_type=shop_order')); ?>" class="card"> -
dashboard-summary/tags/1.1.2/readme.txt
r3383384 r3383540 5 5 Tested up to: 6.8 6 6 Requires PHP: 7.0 7 Stable tag: 1.1. 17 Stable tag: 1.1.2 8 8 License: GPLv2 or later 9 9 License URI: http://www.gnu.org/licenses/gpl-2.0.html -
dashboard-summary/trunk/assets/css/dswp-style.css
r3383384 r3383540 1 .dashboard-summary { 2 display: flex; 3 flex-wrap: wrap; 4 margin: -5px; 5 width: 100%; 6 } 7 8 .dashboard-summary .card { 9 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 10 border: none; 11 border-radius: 12px; 12 padding: 20px; 13 margin: 5px; 14 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 15 transition: all 0.3s ease-in-out; 16 display: flex; 17 flex-direction: row; 18 align-items: center; 19 justify-content: flex-start; 20 gap: 15px; 21 color: #ffffff; 22 text-decoration: none; 23 flex: 1 1 calc(16.66% - 10px); 24 box-sizing: border-box; 25 position: relative; 26 overflow: hidden; 27 } 28 29 .dashboard-summary .card::before { 30 content: ''; 31 position: absolute; 32 top: 0; 33 left: 0; 34 right: 0; 35 bottom: 0; 36 background: rgba(255, 255, 255, 0.1); 37 opacity: 0; 38 transition: opacity 0.3s ease; 39 } 40 41 .dashboard-summary .card:nth-child(1) { 42 background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); 43 } 44 45 .dashboard-summary .card:nth-child(2) { 46 background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); 47 } 48 49 .dashboard-summary .card:nth-child(3) { 50 background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); 51 } 52 53 .dashboard-summary .card:nth-child(4) { 54 background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); 55 } 56 57 .dashboard-summary .card:nth-child(5) { 58 background: linear-gradient(135deg, #30cfd0 0%, #330867 100%); 59 } 60 61 .dashboard-summary .card:nth-child(6) { 62 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 63 } 64 65 .dashboard-summary a.card { 66 text-decoration: none; 67 color: #ffffff; 68 cursor: pointer; 69 } 70 71 .dashboard-summary a.card:hover::before { 72 opacity: 1; 73 } 74 75 form div.error, 76 .wrap .notice, 77 .wrap div.error, 78 .wrap div.updated { 1 /* Dashboard Summary Plugin Styles - Prefix: dswp- */ 2 .dswp-plugin-container .dashboard-summary { 3 display: flex !important; 4 flex-wrap: wrap !important; 5 margin: -5px !important; 6 width: 100% !important; 7 } 8 9 .dswp-plugin-container .dashboard-summary .card { 10 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; 11 border: none !important; 12 border-radius: 12px !important; 13 padding: 15px 20px !important; 14 margin: 5px !important; 15 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important; 16 transition: all 0.3s ease-in-out !important; 17 display: flex !important; 18 flex-direction: row !important; 19 align-items: center !important; 20 justify-content: flex-start !important; 21 gap: 15px !important; 22 color: #ffffff !important; 23 text-decoration: none !important; 24 flex: 1 1 calc(16.66% - 10px) !important; 25 box-sizing: border-box !important; 26 position: relative !important; 27 overflow: visible !important; 28 min-width: 0 !important; 29 min-height: 90px !important; 30 } 31 32 .dswp-plugin-container .dashboard-summary .card::before { 33 content: "" !important; 34 position: absolute !important; 35 top: 0 !important; 36 left: 0 !important; 37 right: 0 !important; 38 bottom: 0 !important; 39 background: rgba(255, 255, 255, 0.1) !important; 40 opacity: 0 !important; 41 transition: opacity 0.3s ease !important; 42 } 43 44 .dswp-plugin-container .dashboard-summary .card:nth-child(1) { 45 background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important; 46 } 47 48 .dswp-plugin-container .dashboard-summary .card:nth-child(2) { 49 background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important; 50 } 51 52 .dswp-plugin-container .dashboard-summary .card:nth-child(3) { 53 background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important; 54 } 55 56 .dswp-plugin-container .dashboard-summary .card:nth-child(4) { 57 background: linear-gradient(135deg, #fa709a 0%, #fee140 100%) !important; 58 } 59 60 .dswp-plugin-container .dashboard-summary .card:nth-child(5) { 61 background: linear-gradient(135deg, #30cfd0 0%, #330867 100%) !important; 62 } 63 64 .dswp-plugin-container .dashboard-summary .card:nth-child(6) { 65 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; 66 } 67 68 .dswp-plugin-container .dashboard-summary a.card { 69 text-decoration: none !important; 70 color: #ffffff !important; 71 cursor: pointer !important; 72 } 73 74 .dswp-plugin-container .dashboard-summary a.card:link, 75 .dswp-plugin-container .dashboard-summary a.card:visited, 76 .dswp-plugin-container .dashboard-summary a.card:hover, 77 .dswp-plugin-container .dashboard-summary a.card:active { 78 text-decoration: none !important; 79 color: #ffffff !important; 80 border: none !important; 81 outline: none !important; 82 } 83 84 .dswp-plugin-container .dashboard-summary a.card h2, 85 .dswp-plugin-container .dashboard-summary a.card .card-value, 86 .dswp-plugin-container .dashboard-summary a.card .card-content, 87 .dswp-plugin-container .dashboard-summary a.card * { 88 color: #ffffff !important; 89 text-decoration: none !important; 90 } 91 92 .dswp-plugin-container .dashboard-summary a.card:hover::before { 93 opacity: 1 !important; 94 } 95 96 /* WordPress admin notice fixes */ 97 .dswp-plugin-container form div.error, 98 .dswp-plugin-container .wrap .notice, 99 .dswp-plugin-container .wrap div.error, 100 .dswp-plugin-container .wrap div.updated { 79 101 margin: 5px 0 0px !important; 80 102 } 81 103 82 .dashboard-summary .card-icon { 83 font-size: 36px; 84 margin: 0; 85 color: rgba(255, 255, 255, 0.9); 86 flex-shrink: 0; 87 background: rgba(255, 255, 255, 0.2); 88 width: 56px; 89 height: 56px; 90 display: flex; 91 align-items: center; 92 justify-content: center; 93 border-radius: 12px; 94 backdrop-filter: blur(10px); 95 } 96 97 .dashboard-summary .card-content { 98 display: flex; 99 flex-direction: column; 100 align-items: flex-start; 101 gap: 5px; 102 flex: 1; 103 } 104 105 .dashboard-summary .card h2 { 106 font-weight: 500; 107 margin: 0; 108 font-size: 13px; 109 color: rgba(255, 255, 255, 0.9); 110 text-transform: capitalize; 111 letter-spacing: 0.3px; 112 } 113 114 .dashboard-summary .card-value { 115 font-size: 28px; 116 font-weight: 700; 117 color: #ffffff; 118 margin: 0; 119 line-height: 1; 120 } 121 122 .dashboard-summary .card:hover { 123 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); 124 transform: translateY(-3px); 125 } 126 127 .dashboard-summary .card p { 128 font-size: 18px; 129 font-weight: bold; 130 color: var(--text-color); /* use CSS variable for text color */ 104 .dswp-plugin-container .dashboard-summary .card-icon { 105 font-size: 36px !important; 106 margin: 0 !important; 107 color: rgba(255, 255, 255, 0.95) !important; 108 flex-shrink: 0 !important; 109 background: rgba(255, 255, 255, 0.2) !important; 110 width: 56px !important; 111 height: 56px !important; 112 display: flex !important; 113 align-items: center !important; 114 justify-content: center !important; 115 border-radius: 12px !important; 116 backdrop-filter: blur(10px) !important; 117 position: relative !important; 118 z-index: 1 !important; 119 box-sizing: border-box !important; 120 text-align: center !important; 121 } 122 123 /* Ensure Dashicons display properly with proper centering */ 124 .dswp-plugin-container .dashboard-summary .card-icon.dashicons, 125 .dswp-plugin-container .dashboard-summary .card-icon.dashicons:before { 126 font-family: dashicons !important; 127 font-style: normal !important; 128 font-weight: normal !important; 129 speak: never !important; 130 display: flex !important; 131 align-items: center !important; 132 justify-content: center !important; 133 text-decoration: inherit !important; 134 font-size: 36px !important; 135 color: rgba(255, 255, 255, 0.95) !important; 136 text-align: center !important; 137 transition: color 0.1s ease-in !important; 138 line-height: 1 !important; 139 height: 100% !important; 140 } 141 142 .dswp-plugin-container .dashboard-summary .card-content { 143 display: flex !important; 144 flex-direction: column !important; 145 align-items: flex-start !important; 146 justify-content: center !important; 147 gap: 5px !important; 148 flex: 1 !important; 149 min-width: 0 !important; 150 visibility: visible !important; 151 opacity: 1 !important; 152 } 153 154 .dswp-plugin-container .dashboard-summary .card h2 { 155 font-weight: 500 !important; 156 margin: 0 !important; 157 font-size: 13px !important; 158 color: rgba(255, 255, 255, 0.9) !important; 159 text-transform: capitalize !important; 160 letter-spacing: 0.3px !important; 161 display: block !important; 162 visibility: visible !important; 163 opacity: 1 !important; 164 width: auto !important; 165 height: auto !important; 166 } 167 168 .dswp-plugin-container .dashboard-summary .card-value { 169 font-size: 28px !important; 170 font-weight: 700 !important; 171 color: #ffffff !important; 172 margin: 0 !important; 173 line-height: 1 !important; 174 display: block !important; 175 visibility: visible !important; 176 opacity: 1 !important; 177 width: auto !important; 178 height: auto !important; 179 } 180 181 /* Ensure span elements are also visible */ 182 .dswp-plugin-container .dashboard-summary .card-content span, 183 .dswp-plugin-container .dashboard-summary .card-content h2, 184 .dswp-plugin-container .dashboard-summary .card-content * { 185 visibility: visible !important; 186 opacity: 1 !important; 187 } 188 189 .dswp-plugin-container .dashboard-summary .card:hover { 190 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important; 191 transform: translateY(-3px) !important; 192 } 193 194 .dswp-plugin-container .dashboard-summary .card p { 195 font-size: 18px !important; 196 font-weight: bold !important; 197 color: #ffffff !important; 131 198 } 132 199 133 200 /* Section spacing for PC view */ 134 201 @media only screen and (min-width: 992px) { 135 . notice.dswp-woocommerce-section {202 .dswp-plugin-container .notice.dswp-woocommerce-section { 136 203 margin-bottom: 8px !important; 137 204 } … … 142 209 /* Desktop - Large screens (1200px and above) - 6 cards per row */ 143 210 @media only screen and (min-width: 1200px) { 144 .d ashboard-summary .card {145 flex: 1 1 calc(16.66% - 10px) ;146 max-width: calc(16.66% - 10px) ;211 .dswp-plugin-container .dashboard-summary .card { 212 flex: 1 1 calc(16.66% - 10px) !important; 213 max-width: calc(16.66% - 10px) !important; 147 214 } 148 215 } … … 150 217 /* Desktop - Medium screens (992px to 1199px) - 4 cards per row */ 151 218 @media only screen and (min-width: 992px) and (max-width: 1199px) { 152 .d ashboard-summary .card {153 flex: 1 1 calc(25% - 10px) ;154 max-width: calc(25% - 10px) ;219 .dswp-plugin-container .dashboard-summary .card { 220 flex: 1 1 calc(25% - 10px) !important; 221 max-width: calc(25% - 10px) !important; 155 222 } 156 223 } … … 158 225 /* Tablet - (768px to 991px) - 3 cards per row */ 159 226 @media only screen and (min-width: 768px) and (max-width: 991px) { 160 .d ashboard-summary .card {161 flex: 1 1 calc(33.33% - 10px) ;162 max-width: calc(33.33% - 10px) ;227 .dswp-plugin-container .dashboard-summary .card { 228 flex: 1 1 calc(33.33% - 10px) !important; 229 max-width: calc(33.33% - 10px) !important; 163 230 } 164 231 } … … 166 233 /* Mobile - Large (481px to 767px) - 2 cards per row */ 167 234 @media only screen and (min-width: 481px) and (max-width: 767px) { 168 .d ashboard-summary {235 .dswp-plugin-container .dashboard-summary { 169 236 margin: -4px !important; 170 237 } 171 172 .d ashboard-summary .card {238 239 .dswp-plugin-container .dashboard-summary .card { 173 240 flex: 0 1 calc(50% - 8px) !important; 174 241 max-width: calc(50% - 8px) !important; … … 178 245 padding: 12px 10px !important; 179 246 gap: 12px !important; 180 } 181 182 .dashboard-summary .card-icon { 247 min-width: 0 !important; 248 } 249 250 .dswp-plugin-container .dashboard-summary .card-icon { 183 251 font-size: 28px !important; 184 252 margin: 0 !important; 185 253 width: 50px !important; 186 254 height: 50px !important; 187 } 188 189 .dashboard-summary .card-content { 255 background: rgba(255, 255, 255, 0.2) !important; 256 border-radius: 12px !important; 257 display: flex !important; 258 align-items: center !important; 259 justify-content: center !important; 260 backdrop-filter: blur(10px) !important; 261 color: rgba(255, 255, 255, 0.95) !important; 262 text-align: center !important; 263 } 264 265 .dswp-plugin-container .dashboard-summary .card-icon.dashicons { 266 font-size: 26px !important; 267 width: auto !important; 268 height: auto !important; 269 color: rgba(255, 255, 255, 0.95) !important; 270 } 271 272 .dswp-plugin-container .dashboard-summary .card-content { 190 273 gap: 4px !important; 191 } 192 193 .dashboard-summary .card h2 { 274 min-width: 0 !important; 275 } 276 277 .dswp-plugin-container .dashboard-summary .card h2 { 194 278 font-size: 11px !important; 195 279 margin: 0 !important; 196 280 } 197 198 .d ashboard-summary .card-value {281 282 .dswp-plugin-container .dashboard-summary .card-value { 199 283 font-size: 24px !important; 200 284 margin: 0 !important; … … 204 288 /* Mobile - Small (480px and below) - 2 cards per row */ 205 289 @media only screen and (max-width: 480px) { 206 .d ashboard-summary {290 .dswp-plugin-container .dashboard-summary { 207 291 margin: -3px !important; 208 292 } 209 210 .d ashboard-summary .card {293 294 .dswp-plugin-container .dashboard-summary .card { 211 295 flex: 0 1 calc(50% - 6px) !important; 212 296 max-width: calc(50% - 6px) !important; … … 217 301 gap: 10px !important; 218 302 border-radius: 10px !important; 219 } 220 221 .dashboard-summary .card-icon { 303 min-width: 0 !important; 304 } 305 306 .dswp-plugin-container .dashboard-summary .card-icon { 222 307 font-size: 24px !important; 223 308 margin: 0 !important; … … 225 310 height: 44px !important; 226 311 border-radius: 10px !important; 227 } 228 229 .dashboard-summary .card-content { 312 background: rgba(255, 255, 255, 0.2) !important; 313 display: flex !important; 314 align-items: center !important; 315 justify-content: center !important; 316 backdrop-filter: blur(10px) !important; 317 color: rgba(255, 255, 255, 0.95) !important; 318 text-align: center !important; 319 } 320 321 .dswp-plugin-container .dashboard-summary .card-icon.dashicons, 322 .dswp-plugin-container .dashboard-summary .card-icon.dashicons:before { 323 font-size: 22px !important; 324 width: auto !important; 325 height: auto !important; 326 color: rgba(255, 255, 255, 0.95) !important; 327 } 328 329 .dswp-plugin-container .dashboard-summary .card-content { 230 330 gap: 3px !important; 231 } 232 233 .dashboard-summary .card h2 { 331 min-width: 0 !important; 332 } 333 334 .dswp-plugin-container .dashboard-summary .card h2 { 234 335 font-size: 10px !important; 235 336 margin: 0 !important; 236 337 } 237 338 238 .d ashboard-summary .card-value {339 .dswp-plugin-container .dashboard-summary .card-value { 239 340 font-size: 20px !important; 240 341 margin: 0 !important; 241 342 } 242 343 } 243 }244 } -
dashboard-summary/trunk/dashboard-summary.php
r3383384 r3383540 9 9 * Requires at least: 5.6 10 10 * Requires PHP: 7.0 11 * Version: 1.1. 111 * Version: 1.1.2 12 12 * License: GPLv2 or later 13 13 * License URI: http://www.gnu.org/licenses/gpl-2.0.html … … 72 72 $end_color = isset($options[$card_id . '_end']) ? $options[$card_id . '_end'] : $defaults[$card_id]['end']; 73 73 74 $css .= ".d ashboard-summary-woocommerce .card:nth-child({$i}) { background: linear-gradient(135deg, {$start_color} 0%, {$end_color} 100%) !important; }\n";74 $css .= ".dswp-plugin-container .dashboard-summary-woocommerce .card:nth-child({$i}) { background: linear-gradient(135deg, {$start_color} 0%, {$end_color} 100%) !important; }\n"; 75 75 } 76 76 … … 82 82 $end_color = isset($options[$card_id . '_end']) ? $options[$card_id . '_end'] : $defaults[$card_id]['end']; 83 83 84 $css .= ".d ashboard-summary-blog .card:nth-child({$i}) { background: linear-gradient(135deg, {$start_color} 0%, {$end_color} 100%) !important; }\n";84 $css .= ".dswp-plugin-container .dashboard-summary-blog .card:nth-child({$i}) { background: linear-gradient(135deg, {$start_color} 0%, {$end_color} 100%) !important; }\n"; 85 85 } 86 86 87 87 // Add gap between sections on desktop 88 88 $css .= "@media only screen and (min-width: 768px) {\n"; 89 $css .= " .dswp- woocommerce-section { margin-bottom: 10px !important; }\n";90 $css .= " .dswp- blog-section { margin-top: 10px !important; }\n";89 $css .= " .dswp-plugin-container .dswp-woocommerce-section { margin-bottom: 10px !important; }\n"; 90 $css .= " .dswp-plugin-container .dswp-blog-section { margin-top: 10px !important; }\n"; 91 91 $css .= "}\n"; 92 92 -
dashboard-summary/trunk/includes/blog-functions.php
r3383367 r3383540 29 29 // Display data. 30 30 ?> 31 <div class="notice dswp-blog-section " style="background-color: #F0F0F1; border: none;">31 <div class="notice dswp-blog-section dswp-plugin-container" style="background-color: #F0F0F1; border: none;"> 32 32 <div class="dashboard-summary dashboard-summary-blog"> 33 33 <a href="<?php echo esc_url(admin_url('edit.php')); ?>" class="card"> -
dashboard-summary/trunk/includes/woocommerce-functions.php
r3383367 r3383540 34 34 // Display data. 35 35 ?> 36 <div class="notice dswp-woocommerce-section " style="background-color: #F0F0F1; border: none;">36 <div class="notice dswp-woocommerce-section dswp-plugin-container" style="background-color: #F0F0F1; border: none;"> 37 37 <div class="dashboard-summary dashboard-summary-woocommerce"> 38 38 <a href="<?php echo esc_url(admin_url('edit.php?post_type=shop_order')); ?>" class="card"> -
dashboard-summary/trunk/readme.txt
r3383384 r3383540 5 5 Tested up to: 6.8 6 6 Requires PHP: 7.0 7 Stable tag: 1.1. 17 Stable tag: 1.1.2 8 8 License: GPLv2 or later 9 9 License URI: http://www.gnu.org/licenses/gpl-2.0.html
Note: See TracChangeset
for help on using the changeset viewer.