| @@ -171,8 +171,18 @@ | ||
| 171 | 171 | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); |
| 172 | 172 | border: 1px solid var(--basalam-gray-200); |
| 173 | 173 | } |
| 174 | 174 | |
| 175 | +#sync-basalam-onboarding-status { | |
| 176 | + width: 90%; | |
| 177 | + box-sizing: border-box; | |
| 178 | +} | |
| 179 | + | |
| 180 | +#sync-basalam-onboarding-status .basalam-sync-status { | |
| 181 | + width: 100%; | |
| 182 | + box-sizing: border-box; | |
| 183 | +} | |
| 184 | + | |
| 175 | 185 | .basalam-status-header { |
| 176 | 186 | display: flex; |
| 177 | 187 | align-items: center; |
| 178 | 188 | justify-content: space-between; |
| @@ -197,8 +207,16 @@ | ||
| 197 | 207 | border-radius: 4px; |
| 198 | 208 | padding: 6px; |
| 199 | 209 | } |
| 200 | 210 | |
| 211 | +.basalam-badge-danger { | |
| 212 | + background: #f8d7da; | |
| 213 | + color: #842029; | |
| 214 | + font-size: 14px; | |
| 215 | + border-radius: 4px; | |
| 216 | + padding: 6px; | |
| 217 | +} | |
| 218 | + | |
| 201 | 219 | .basalam-action-cards { |
| 202 | 220 | display: grid; |
| 203 | 221 | grid-template-columns: repeat(3, 1fr); |
| 204 | 222 | gap: 24px; |
| @@ -885,11 +903,26 @@ | ||
| 885 | 903 | .basalam-orders-fetch-wrapper { |
| 886 | 904 | position: relative; |
| 887 | 905 | display: inline-block; |
| 888 | 906 | } |
| 907 | + | |
| 889 | 908 | @media screen and (max-width: 782px) { |
| 909 | + /* WP core hides `.tablenav.top .actions` on small screens. Our button sits | |
| 910 | + INSIDE that filter container (alongside the date/channel/customer filters | |
| 911 | + and the Filter submit). Re-show the container, but keep only our button: | |
| 912 | + hide every other child so the filters stay hidden on mobile/tablet. */ | |
| 913 | + .tablenav .actions:has(> .basalam-orders-fetch-wrapper) { | |
| 914 | + display: inline-block !important; | |
| 915 | + } | |
| 916 | + | |
| 917 | + .tablenav .actions:has(> .basalam-orders-fetch-wrapper) > *:not(.basalam-orders-fetch-wrapper) { | |
| 918 | + display: none !important; | |
| 919 | + } | |
| 920 | + | |
| 890 | 921 | .tablenav .actions.basalam-orders-fetch-wrapper { |
| 891 | 922 | display: inline-block !important; |
| 923 | + float: none; | |
| 924 | + width: auto; | |
| 892 | 925 | margin: 8px 0; |
| 893 | 926 | } |
| 894 | 927 | |
| 895 | 928 | .basalam-orders-btn-group { |
| @@ -1820,12 +1853,14 @@ | ||
| 1820 | 1853 | ._sync_basalam_is_mobile_product_checkbox_field, |
| 1821 | 1854 | #basalam_mobile_product_fields, |
| 1822 | 1855 | ._sync_basalam_is_wholesale_field, |
| 1823 | 1856 | ._sync_basalam_is_product_type_checkbox_field, |
| 1824 | -#sync_basalam_product_video_box > div.postbox-header > h2, | |
| 1825 | -#_sync_basalam_is_gold_product_checkbox_field , | |
| 1857 | +#sync_basalam_product_video_box>div.postbox-header>h2, | |
| 1858 | +#_sync_basalam_is_gold_product_checkbox_field, | |
| 1826 | 1859 | #basalam_gold_product_fields, |
| 1827 | -#basalam_product_data > div:nth-child(2) > p > label { | |
| 1860 | +#basalam_product_data>div:nth-child(2)>p>label, | |
| 1861 | +#_sync_basalam_price_change_value_display, | |
| 1862 | + { | |
| 1828 | 1863 | font-family: "PelakFA"; |
| 1829 | 1864 | } |
| 1830 | 1865 | |
| 1831 | 1866 | input[type="number"]::-webkit-inner-spin-button, |
| @@ -2156,8 +2191,56 @@ | ||
| 2156 | 2191 | justify-content: center; |
| 2157 | 2192 | flex: 1; |
| 2158 | 2193 | } |
| 2159 | 2194 | |
| 2195 | +#sync-basalam-onboarding-status .basalam-status-header > .basalam-h { | |
| 2196 | + grid-area: title; | |
| 2197 | + direction: rtl; | |
| 2198 | + justify-self: end; | |
| 2199 | +} | |
| 2200 | + | |
| 2201 | +#sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container { | |
| 2202 | + grid-area: data; | |
| 2203 | + direction: rtl; | |
| 2204 | + justify-self: center; | |
| 2205 | +} | |
| 2206 | + | |
| 2207 | +#sync-basalam-onboarding-status .basalam-status-header > .basalam-badge { | |
| 2208 | + grid-area: badge; | |
| 2209 | + direction: rtl; | |
| 2210 | + justify-self: start; | |
| 2211 | + white-space: nowrap; | |
| 2212 | +} | |
| 2213 | + | |
| 2214 | +@media screen and (min-width: 1201px) { | |
| 2215 | + #sync-basalam-onboarding-status .basalam-status-header { | |
| 2216 | + display: grid; | |
| 2217 | + grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr) minmax(220px, 1fr); | |
| 2218 | + grid-template-areas: "badge data title"; | |
| 2219 | + direction: ltr; | |
| 2220 | + } | |
| 2221 | + | |
| 2222 | + #sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container { | |
| 2223 | + width: 100%; | |
| 2224 | + flex-wrap: nowrap; | |
| 2225 | + } | |
| 2226 | +} | |
| 2227 | + | |
| 2228 | +@media screen and (min-width: 901px) and (max-width: 1200px) { | |
| 2229 | + #sync-basalam-onboarding-status .basalam-status-header { | |
| 2230 | + display: grid; | |
| 2231 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 2232 | + grid-template-areas: | |
| 2233 | + "badge title" | |
| 2234 | + "data data"; | |
| 2235 | + direction: ltr; | |
| 2236 | + } | |
| 2237 | + | |
| 2238 | + #sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container { | |
| 2239 | + width: 100%; | |
| 2240 | + } | |
| 2241 | +} | |
| 2242 | + | |
| 2160 | 2243 | .basalam_settings_options { |
| 2161 | 2244 | font-family: "PelakFA" !important; |
| 2162 | 2245 | font-weight: bold; |
| 2163 | 2246 | } |
| @@ -7210,8 +7293,37 @@ | ||
| 7210 | 7293 | .sync-basalam-bulk-edit__field .basalam-label-container { |
| 7211 | 7294 | margin-bottom: 8px; |
| 7212 | 7295 | } |
| 7213 | 7296 | |
| 7297 | +.sync-basalam-bulk-price-change-value { | |
| 7298 | + display: none; | |
| 7299 | + margin-top: 10px !important; | |
| 7300 | +} | |
| 7301 | + | |
| 7302 | +.sync-basalam-bulk-price-change-value .basalam-input-container { | |
| 7303 | + justify-content: stretch; | |
| 7304 | + width: 100%; | |
| 7305 | +} | |
| 7306 | + | |
| 7307 | +.sync-basalam-bulk-price-change-value .percentage-input { | |
| 7308 | + flex: 1 1 0; | |
| 7309 | +} | |
| 7310 | + | |
| 7311 | +.sync-basalam-bulk-price-change-value .percentage-unit { | |
| 7312 | + min-width: 42px; | |
| 7313 | + text-align: center !important; | |
| 7314 | +} | |
| 7315 | + | |
| 7316 | +.sync-basalam-bulk-price-change-value .basalam-flex-end-gap-4 { | |
| 7317 | + justify-content: flex-end; | |
| 7318 | +} | |
| 7319 | + | |
| 7320 | +#sync-basalam-bulk-toggle-percentage { | |
| 7321 | + width: 5px !important; | |
| 7322 | + max-width: 5px !important; | |
| 7323 | + min-height: 5px !important; | |
| 7324 | +} | |
| 7325 | + | |
| 7214 | 7326 | .sync-basalam-bulk-edit__field .basalam-label { |
| 7215 | 7327 | display: flex !important; |
| 7216 | 7328 | width: 100%; |
| 7217 | 7329 | } |
| @@ -7272,31 +7384,8 @@ | ||
| 7272 | 7384 | min-width: 0; |
| 7273 | 7385 | margin-bottom: 0 !important; |
| 7274 | 7386 | } |
| 7275 | 7387 | |
| 7276 | -.sync-basalam-bulk-increase-value { | |
| 7277 | - display: none; | |
| 7278 | - margin-top: 10px !important; | |
| 7279 | -} | |
| 7280 | - | |
| 7281 | -.sync-basalam-bulk-increase-value .basalam-input-container { | |
| 7282 | - justify-content: stretch; | |
| 7283 | - width: 100%; | |
| 7284 | -} | |
| 7285 | - | |
| 7286 | -.sync-basalam-bulk-increase-value .percentage-input { | |
| 7287 | - flex: 1 1 0; | |
| 7288 | -} | |
| 7289 | - | |
| 7290 | -.sync-basalam-bulk-increase-value .percentage-unit { | |
| 7291 | - min-width: 42px; | |
| 7292 | - text-align: center !important; | |
| 7293 | -} | |
| 7294 | - | |
| 7295 | -.sync-basalam-bulk-increase-value .basalam-flex-end-gap-4 { | |
| 7296 | - justify-content: flex-end; | |
| 7297 | -} | |
| 7298 | - | |
| 7299 | 7388 | .sync-basalam-bulk-edit__panel .basalam-input, |
| 7300 | 7389 | .sync-basalam-bulk-edit__panel .basalam-select, |
| 7301 | 7390 | .sync-basalam-bulk-edit__panel .sync-basalam-bulk-select { |
| 7302 | 7391 | width: 100% !important; |
| @@ -7687,97 +7776,75 @@ | ||
| 7687 | 7776 | .sync-basalam-bulk-edit__field .basalam-label { |
| 7688 | 7777 | display: flex !important; |
| 7689 | 7778 | } |
| 7690 | 7779 | |
| 7691 | -#sync-basalam-bulk-toggle-percentage { | |
| 7692 | - width: 5px !important; | |
| 7693 | - max-width: 5px !important; | |
| 7694 | - min-height: 5px !important; | |
| 7695 | -} | |
| 7696 | -._sync_basalam_increase_price_value_field{ | |
| 7780 | +/* Product data panel: custom price change field, aligned with WooCommerce form-field rows */ | |
| 7781 | +.basalam-price-change-field { | |
| 7697 | 7782 | font-family: pelakFa; |
| 7698 | 7783 | } |
| 7699 | 7784 | |
| 7700 | -.basalam-increase-price-field { | |
| 7701 | - display: grid; | |
| 7702 | - grid-template-columns: minmax(150px, max-content) minmax(220px, 1fr); | |
| 7703 | - align-items: start; | |
| 7704 | - column-gap: 16px; | |
| 7705 | - row-gap: 8px; | |
| 7706 | - width: 100%; | |
| 7785 | +.basalam-price-change-field > label { | |
| 7786 | + line-height: 32px; | |
| 7707 | 7787 | } |
| 7708 | 7788 | |
| 7709 | -.basalam-increase-price-field__label-section { | |
| 7710 | - grid-column: 1; | |
| 7711 | - justify-self: end; | |
| 7712 | -} | |
| 7713 | - | |
| 7714 | -.basalam-increase-price-field__header { | |
| 7789 | +.basalam-price-change-field .basalam-price-change-field__control { | |
| 7790 | + float: left; | |
| 7715 | 7791 | display: flex; |
| 7716 | - align-items: center; | |
| 7717 | - justify-content: flex-end; | |
| 7792 | + flex-direction: column; | |
| 7718 | 7793 | gap: 6px; |
| 7719 | - width: 100%; | |
| 7794 | + width: 50%; | |
| 7720 | 7795 | } |
| 7721 | 7796 | |
| 7722 | -.basalam-increase-price-field__header label { | |
| 7723 | - margin: 0 !important; | |
| 7724 | - text-align: right; | |
| 7797 | +.rtl .basalam-price-change-field .basalam-price-change-field__control { | |
| 7798 | + float: right; | |
| 7725 | 7799 | } |
| 7726 | 7800 | |
| 7727 | -.basalam-increase-price-field__control-section { | |
| 7728 | - grid-column: 2; | |
| 7801 | +.basalam-price-change-field .basalam-price-change-field__input { | |
| 7729 | 7802 | display: flex; |
| 7730 | - flex-direction: column; | |
| 7731 | - align-items: stretch; | |
| 7732 | - gap: 8px; | |
| 7733 | - min-width: 0; | |
| 7734 | -} | |
| 7735 | - | |
| 7736 | -.basalam-increase-price-field__input-row { | |
| 7737 | - justify-content: stretch; | |
| 7738 | - width: 100%; | |
| 7803 | + align-items: center; | |
| 7804 | + width: max-content; | |
| 7805 | + gap: 6px; | |
| 7739 | 7806 | direction: rtl; |
| 7740 | 7807 | } |
| 7741 | 7808 | |
| 7742 | -.basalam-increase-price-field__input-row .percentage-input { | |
| 7743 | - flex: 1 1 0; | |
| 7809 | +.basalam-price-change-field .basalam-price-change-field__input .percentage-input { | |
| 7810 | + flex: 1 1 auto; | |
| 7811 | + width: auto !important; | |
| 7812 | + float: none !important; | |
| 7813 | + margin: 0 !important; | |
| 7744 | 7814 | min-width: 0; |
| 7815 | + height: 32px; | |
| 7816 | + text-align: center; | |
| 7745 | 7817 | } |
| 7746 | 7818 | |
| 7747 | -.basalam-increase-price-field__input-row .percentage-unit { | |
| 7819 | +.basalam-price-change-field .percentage-unit { | |
| 7820 | + flex: 0 0 auto; | |
| 7748 | 7821 | min-width: 48px; |
| 7749 | - text-align: center !important; | |
| 7822 | + text-align: center; | |
| 7823 | + color: #50575e; | |
| 7750 | 7824 | } |
| 7751 | 7825 | |
| 7752 | -.basalam-increase-price-field__toggle-row { | |
| 7826 | +.basalam-price-change-field .basalam-price-change-field__toggle { | |
| 7753 | 7827 | display: flex; |
| 7754 | 7828 | align-items: center; |
| 7829 | + justify-content: center; | |
| 7755 | 7830 | gap: 4px; |
| 7756 | - direction: ltr; | |
| 7757 | - width: fit-content; | |
| 7758 | - margin-top: 2px; | |
| 7759 | - align-self: center; | |
| 7760 | 7831 | } |
| 7761 | 7832 | |
| 7762 | -.basalam-increase-price-field__toggle-row label { | |
| 7763 | - direction: rtl; | |
| 7833 | +.basalam-price-change-field .basalam-price-change-field__toggle input[type="checkbox"] { | |
| 7834 | + margin: 0; | |
| 7764 | 7835 | } |
| 7765 | 7836 | |
| 7837 | +.basalam-price-change-field .basalam-price-change-field__toggle label { | |
| 7838 | + margin: 0 !important; | |
| 7839 | + padding: 0 !important; | |
| 7840 | + width: auto !important; | |
| 7841 | + float: none !important; | |
| 7842 | + line-height: 1.4; | |
| 7843 | +} | |
| 7844 | + | |
| 7766 | 7845 | @media screen and (max-width: 782px) { |
| 7767 | - .basalam-increase-price-field { | |
| 7768 | - grid-template-columns: 1fr; | |
| 7769 | - } | |
| 7770 | - | |
| 7771 | - .basalam-increase-price-field__label-section, | |
| 7772 | - .basalam-increase-price-field__control-section { | |
| 7773 | - grid-column: 1; | |
| 7774 | - } | |
| 7775 | - | |
| 7776 | - .basalam-increase-price-field__label-section { | |
| 7777 | - justify-self: stretch; | |
| 7778 | - } | |
| 7779 | - | |
| 7780 | - .basalam-increase-price-field__header { | |
| 7781 | - justify-content: flex-start; | |
| 7846 | + .basalam-price-change-field .basalam-price-change-field__control { | |
| 7847 | + float: none; | |
| 7848 | + width: 100%; | |
| 7782 | 7849 | } |
| 7783 | 7850 | } |
