| @@ -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; |
| @@ -886,8 +904,47 @@ | ||
| 886 | 904 | position: relative; |
| 887 | 905 | display: inline-block; |
| 888 | 906 | } |
| 889 | 907 | |
| 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 | + | |
| 921 | + .tablenav .actions.basalam-orders-fetch-wrapper { | |
| 922 | + display: inline-block !important; | |
| 923 | + float: none; | |
| 924 | + width: auto; | |
| 925 | + margin: 8px 0; | |
| 926 | + } | |
| 927 | + | |
| 928 | + .basalam-orders-btn-group { | |
| 929 | + align-items: center; | |
| 930 | + } | |
| 931 | + | |
| 932 | + .basalam-orders-btn-group .basalam-button { | |
| 933 | + display: flex !important; | |
| 934 | + align-items: center !important; | |
| 935 | + justify-content: center !important; | |
| 936 | + height: 32px !important; | |
| 937 | + line-height: 1 !important; | |
| 938 | + padding: 0 8px !important; | |
| 939 | + } | |
| 940 | + | |
| 941 | + .basalam-orders-btn-group .basalam-btn-text { | |
| 942 | + line-height: 1 !important; | |
| 943 | + white-space: nowrap; | |
| 944 | + } | |
| 945 | +} | |
| 946 | + | |
| 890 | 947 | .basalam-orders-btn-group { |
| 891 | 948 | display: flex; |
| 892 | 949 | width: 200px; |
| 893 | 950 | align-items: stretch; |
| @@ -1795,9 +1852,15 @@ | ||
| 1795 | 1852 | #basalam_product_fields, |
| 1796 | 1853 | ._sync_basalam_is_mobile_product_checkbox_field, |
| 1797 | 1854 | #basalam_mobile_product_fields, |
| 1798 | 1855 | ._sync_basalam_is_wholesale_field, |
| 1799 | -._sync_basalam_is_product_type_checkbox_field { | |
| 1856 | +._sync_basalam_is_product_type_checkbox_field, | |
| 1857 | +#sync_basalam_product_video_box>div.postbox-header>h2, | |
| 1858 | +#_sync_basalam_is_gold_product_checkbox_field, | |
| 1859 | +#basalam_gold_product_fields, | |
| 1860 | +#basalam_product_data>div:nth-child(2)>p>label, | |
| 1861 | +#_sync_basalam_price_change_value_display, | |
| 1862 | + { | |
| 1800 | 1863 | font-family: "PelakFA"; |
| 1801 | 1864 | } |
| 1802 | 1865 | |
| 1803 | 1866 | input[type="number"]::-webkit-inner-spin-button, |
| @@ -2128,8 +2191,56 @@ | ||
| 2128 | 2191 | justify-content: center; |
| 2129 | 2192 | flex: 1; |
| 2130 | 2193 | } |
| 2131 | 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 | + | |
| 2132 | 2243 | .basalam_settings_options { |
| 2133 | 2244 | font-family: "PelakFA" !important; |
| 2134 | 2245 | font-weight: bold; |
| 2135 | 2246 | } |
| @@ -7182,8 +7293,37 @@ | ||
| 7182 | 7293 | .sync-basalam-bulk-edit__field .basalam-label-container { |
| 7183 | 7294 | margin-bottom: 8px; |
| 7184 | 7295 | } |
| 7185 | 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 | + | |
| 7186 | 7326 | .sync-basalam-bulk-edit__field .basalam-label { |
| 7187 | 7327 | display: flex !important; |
| 7188 | 7328 | width: 100%; |
| 7189 | 7329 | } |
| @@ -7244,31 +7384,8 @@ | ||
| 7244 | 7384 | min-width: 0; |
| 7245 | 7385 | margin-bottom: 0 !important; |
| 7246 | 7386 | } |
| 7247 | 7387 | |
| 7248 | -.sync-basalam-bulk-increase-value { | |
| 7249 | - display: none; | |
| 7250 | - margin-top: 10px !important; | |
| 7251 | -} | |
| 7252 | - | |
| 7253 | -.sync-basalam-bulk-increase-value .basalam-input-container { | |
| 7254 | - justify-content: stretch; | |
| 7255 | - width: 100%; | |
| 7256 | -} | |
| 7257 | - | |
| 7258 | -.sync-basalam-bulk-increase-value .percentage-input { | |
| 7259 | - flex: 1 1 0; | |
| 7260 | -} | |
| 7261 | - | |
| 7262 | -.sync-basalam-bulk-increase-value .percentage-unit { | |
| 7263 | - min-width: 42px; | |
| 7264 | - text-align: center !important; | |
| 7265 | -} | |
| 7266 | - | |
| 7267 | -.sync-basalam-bulk-increase-value .basalam-flex-end-gap-4 { | |
| 7268 | - justify-content: flex-end; | |
| 7269 | -} | |
| 7270 | - | |
| 7271 | 7388 | .sync-basalam-bulk-edit__panel .basalam-input, |
| 7272 | 7389 | .sync-basalam-bulk-edit__panel .basalam-select, |
| 7273 | 7390 | .sync-basalam-bulk-edit__panel .sync-basalam-bulk-select { |
| 7274 | 7391 | width: 100% !important; |
| @@ -7659,97 +7776,75 @@ | ||
| 7659 | 7776 | .sync-basalam-bulk-edit__field .basalam-label { |
| 7660 | 7777 | display: flex !important; |
| 7661 | 7778 | } |
| 7662 | 7779 | |
| 7663 | -#sync-basalam-bulk-toggle-percentage { | |
| 7664 | - width: 5px !important; | |
| 7665 | - max-width: 5px !important; | |
| 7666 | - min-height: 5px !important; | |
| 7667 | -} | |
| 7668 | -._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 { | |
| 7669 | 7782 | font-family: pelakFa; |
| 7670 | 7783 | } |
| 7671 | 7784 | |
| 7672 | -.basalam-increase-price-field { | |
| 7673 | - display: grid; | |
| 7674 | - grid-template-columns: minmax(150px, max-content) minmax(220px, 1fr); | |
| 7675 | - align-items: start; | |
| 7676 | - column-gap: 16px; | |
| 7677 | - row-gap: 8px; | |
| 7678 | - width: 100%; | |
| 7785 | +.basalam-price-change-field > label { | |
| 7786 | + line-height: 32px; | |
| 7679 | 7787 | } |
| 7680 | 7788 | |
| 7681 | -.basalam-increase-price-field__label-section { | |
| 7682 | - grid-column: 1; | |
| 7683 | - justify-self: end; | |
| 7684 | -} | |
| 7685 | - | |
| 7686 | -.basalam-increase-price-field__header { | |
| 7789 | +.basalam-price-change-field .basalam-price-change-field__control { | |
| 7790 | + float: left; | |
| 7687 | 7791 | display: flex; |
| 7688 | - align-items: center; | |
| 7689 | - justify-content: flex-end; | |
| 7792 | + flex-direction: column; | |
| 7690 | 7793 | gap: 6px; |
| 7691 | - width: 100%; | |
| 7794 | + width: 50%; | |
| 7692 | 7795 | } |
| 7693 | 7796 | |
| 7694 | -.basalam-increase-price-field__header label { | |
| 7695 | - margin: 0 !important; | |
| 7696 | - text-align: right; | |
| 7797 | +.rtl .basalam-price-change-field .basalam-price-change-field__control { | |
| 7798 | + float: right; | |
| 7697 | 7799 | } |
| 7698 | 7800 | |
| 7699 | -.basalam-increase-price-field__control-section { | |
| 7700 | - grid-column: 2; | |
| 7801 | +.basalam-price-change-field .basalam-price-change-field__input { | |
| 7701 | 7802 | display: flex; |
| 7702 | - flex-direction: column; | |
| 7703 | - align-items: stretch; | |
| 7704 | - gap: 8px; | |
| 7705 | - min-width: 0; | |
| 7706 | -} | |
| 7707 | - | |
| 7708 | -.basalam-increase-price-field__input-row { | |
| 7709 | - justify-content: stretch; | |
| 7710 | - width: 100%; | |
| 7803 | + align-items: center; | |
| 7804 | + width: max-content; | |
| 7805 | + gap: 6px; | |
| 7711 | 7806 | direction: rtl; |
| 7712 | 7807 | } |
| 7713 | 7808 | |
| 7714 | -.basalam-increase-price-field__input-row .percentage-input { | |
| 7715 | - 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; | |
| 7716 | 7814 | min-width: 0; |
| 7815 | + height: 32px; | |
| 7816 | + text-align: center; | |
| 7717 | 7817 | } |
| 7718 | 7818 | |
| 7719 | -.basalam-increase-price-field__input-row .percentage-unit { | |
| 7819 | +.basalam-price-change-field .percentage-unit { | |
| 7820 | + flex: 0 0 auto; | |
| 7720 | 7821 | min-width: 48px; |
| 7721 | - text-align: center !important; | |
| 7822 | + text-align: center; | |
| 7823 | + color: #50575e; | |
| 7722 | 7824 | } |
| 7723 | 7825 | |
| 7724 | -.basalam-increase-price-field__toggle-row { | |
| 7826 | +.basalam-price-change-field .basalam-price-change-field__toggle { | |
| 7725 | 7827 | display: flex; |
| 7726 | 7828 | align-items: center; |
| 7829 | + justify-content: center; | |
| 7727 | 7830 | gap: 4px; |
| 7728 | - direction: ltr; | |
| 7729 | - width: fit-content; | |
| 7730 | - margin-top: 2px; | |
| 7731 | - align-self: center; | |
| 7732 | 7831 | } |
| 7733 | 7832 | |
| 7734 | -.basalam-increase-price-field__toggle-row label { | |
| 7735 | - direction: rtl; | |
| 7833 | +.basalam-price-change-field .basalam-price-change-field__toggle input[type="checkbox"] { | |
| 7834 | + margin: 0; | |
| 7736 | 7835 | } |
| 7737 | 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 | + | |
| 7738 | 7845 | @media screen and (max-width: 782px) { |
| 7739 | - .basalam-increase-price-field { | |
| 7740 | - grid-template-columns: 1fr; | |
| 7741 | - } | |
| 7742 | - | |
| 7743 | - .basalam-increase-price-field__label-section, | |
| 7744 | - .basalam-increase-price-field__control-section { | |
| 7745 | - grid-column: 1; | |
| 7746 | - } | |
| 7747 | - | |
| 7748 | - .basalam-increase-price-field__label-section { | |
| 7749 | - justify-self: stretch; | |
| 7750 | - } | |
| 7751 | - | |
| 7752 | - .basalam-increase-price-field__header { | |
| 7753 | - justify-content: flex-start; | |
| 7846 | + .basalam-price-change-field .basalam-price-change-field__control { | |
| 7847 | + float: none; | |
| 7848 | + width: 100%; | |
| 7754 | 7849 | } |
| 7755 | 7850 | } |
