| @@ -285,9 +285,8 @@ | ||
| 285 | 285 | box-shadow: 0 2px 8px rgba(234, 88, 12, 0.4); |
| 286 | 286 | transform: translateY(-1px); |
| 287 | 287 | } |
| 288 | 288 | |
| 289 | -#ma-el-template-cache-status, | |
| 290 | 289 | #ma-el-template-cache-refresh { |
| 291 | 290 | display: flex; |
| 292 | 291 | align-items: center; |
| 293 | 292 | justify-content: center; |
| @@ -299,18 +298,8 @@ | ||
| 299 | 298 | cursor: pointer; |
| 300 | 299 | transition: all 0.2s ease; |
| 301 | 300 | } |
| 302 | 301 | |
| 303 | -#ma-el-template-cache-status { | |
| 304 | - background: rgba(0, 0, 0, 0.05); | |
| 305 | - cursor: default; | |
| 306 | - display: none; | |
| 307 | -} | |
| 308 | -#ma-el-template-cache-status i { | |
| 309 | - margin-right: 4px; | |
| 310 | - font-size: 12px; | |
| 311 | -} | |
| 312 | - | |
| 313 | 302 | #ma-el-template-cache-refresh { |
| 314 | 303 | background: transparent; |
| 315 | 304 | border: 1px solid rgba(0, 0, 0, 0.1); |
| 316 | 305 | } |
| @@ -402,8 +391,11 @@ | ||
| 402 | 391 | font-size: 16px; |
| 403 | 392 | font-weight: 500; |
| 404 | 393 | } |
| 405 | 394 | |
| 395 | +.ma-el-keywords-filters-wrap { | |
| 396 | + position: relative; | |
| 397 | +} | |
| 406 | 398 | .ma-el-keywords-filters-wrap .ma-el-keywords-filter-action { |
| 407 | 399 | width: 230px; |
| 408 | 400 | padding: 10px 15px; |
| 409 | 401 | border-radius: 3px; |
| @@ -424,11 +416,13 @@ | ||
| 424 | 416 | height: 16px; |
| 425 | 417 | } |
| 426 | 418 | .ma-el-keywords-filters-wrap .ma-el-keywords-filters-container { |
| 427 | 419 | position: absolute; |
| 428 | - top: auto; | |
| 429 | - bottom: auto; | |
| 420 | + top: 100%; | |
| 421 | + right: 0; | |
| 422 | + left: auto; | |
| 430 | 423 | width: 700px; |
| 424 | + max-width: calc(100vw - 40px); | |
| 431 | 425 | background: #fff; |
| 432 | 426 | padding: 10px; |
| 433 | 427 | border-radius: 3px; |
| 434 | 428 | visibility: hidden; |
| @@ -815,10 +809,8 @@ | ||
| 815 | 809 | |
| 816 | 810 | #ma-el-modal-templates-container { |
| 817 | 811 | position: relative; |
| 818 | 812 | padding: 20px; |
| 819 | - column-width: 240px; | |
| 820 | - column-gap: 20px; | |
| 821 | 813 | } |
| 822 | 814 | #ma-el-modal-templates-container .elementor-template-library-template { |
| 823 | 815 | position: relative; |
| 824 | 816 | overflow: hidden; |
| @@ -826,14 +818,10 @@ | ||
| 826 | 818 | border: 1px solid #e5e7eb; |
| 827 | 819 | background: #fff; |
| 828 | 820 | transition: box-shadow 0.2s ease, border-color 0.2s ease; |
| 829 | 821 | box-sizing: border-box; |
| 830 | - display: inline-block; | |
| 831 | - width: 100%; | |
| 832 | - margin: 0 0 20px; | |
| 833 | - break-inside: avoid; | |
| 834 | - -webkit-column-break-inside: avoid; | |
| 835 | - page-break-inside: avoid; | |
| 822 | + cursor: pointer; | |
| 823 | + margin: 0; | |
| 836 | 824 | } |
| 837 | 825 | #ma-el-modal-templates-container .elementor-template-library-template:hover { |
| 838 | 826 | box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); |
| 839 | 827 | border-color: #d1d5db; |
| @@ -844,9 +832,10 @@ | ||
| 844 | 832 | #ma-el-modal-templates-container .elementor-template-library-template-screenshot { |
| 845 | 833 | position: relative; |
| 846 | 834 | overflow: hidden; |
| 847 | 835 | background: #f1f3f5; |
| 848 | - min-height: 80px; | |
| 836 | + min-height: 60px; | |
| 837 | + max-height: 520px; | |
| 849 | 838 | } |
| 850 | 839 | #ma-el-modal-templates-container .elementor-template-library-template-screenshot img { |
| 851 | 840 | position: relative; |
| 852 | 841 | z-index: 1; |
| @@ -1015,19 +1004,38 @@ | ||
| 1015 | 1004 | height: auto; |
| 1016 | 1005 | display: block; |
| 1017 | 1006 | } |
| 1018 | 1007 | |
| 1019 | -#ma-el-item-preview-wrap, | |
| 1008 | +#ma-el-item-preview-wrap { | |
| 1009 | + height: 100%; | |
| 1010 | + overflow: hidden; | |
| 1011 | + display: flex; | |
| 1012 | + flex-direction: column; | |
| 1013 | +} | |
| 1014 | + | |
| 1020 | 1015 | #ma-el-item-preview-wrap .ma-el-item-preview-iframe { |
| 1021 | - height: 100%; | |
| 1016 | + flex: 1 1 auto; | |
| 1017 | + min-height: 0; | |
| 1022 | 1018 | overflow: hidden; |
| 1019 | + position: relative; | |
| 1023 | 1020 | } |
| 1024 | 1021 | |
| 1025 | 1022 | #ma-el-item-preview-wrap iframe { |
| 1026 | 1023 | width: 100%; |
| 1027 | 1024 | height: 100%; |
| 1025 | + border: 0; | |
| 1026 | + display: block; | |
| 1028 | 1027 | } |
| 1029 | 1028 | |
| 1029 | +#ma-el-item-preview-wrap .ma-el-item-preview-empty { | |
| 1030 | + display: flex; | |
| 1031 | + align-items: center; | |
| 1032 | + justify-content: center; | |
| 1033 | + height: 100%; | |
| 1034 | + color: #7a7a7a; | |
| 1035 | + font-size: 14px; | |
| 1036 | +} | |
| 1037 | + | |
| 1030 | 1038 | .ma-el-item-notice div { |
| 1031 | 1039 | color: #31708f; |
| 1032 | 1040 | background-color: #d9edf7; |
| 1033 | 1041 | border-color: #bcdff1; |
| @@ -1335,10 +1343,11 @@ | ||
| 1335 | 1343 | |
| 1336 | 1344 | .ma-el-keywords-filters-container { |
| 1337 | 1345 | position: absolute !important; |
| 1338 | 1346 | top: 100% !important; |
| 1339 | - left: 0 !important; | |
| 1347 | + left: auto !important; | |
| 1340 | 1348 | right: 0 !important; |
| 1349 | + max-width: calc(100vw - 40px) !important; | |
| 1341 | 1350 | background: #fff !important; |
| 1342 | 1351 | border: 1px solid #ddd !important; |
| 1343 | 1352 | border-radius: 4px !important; |
| 1344 | 1353 | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; |
