Merge pull request #588 from ExEr7um/main

fix: typo in `dp-row-margin` CSS variable name
Vuepic · Sep 26, 2023 · 6ecc269 · 6ecc269
2 parents 22b0ff6 + 5d0e125
commit 6ecc269
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/docs/customization/theming/index.html b/docs/customization/theming/index.html
@@ -122,7 +122,7 @@
 <span class="line"><span style="color:#E1E4E8;">    </span><span style="color:#FFAB70;">--dp-input-padding</span><span style="color:#E1E4E8;">: </span><span style="color:#79B8FF;">6</span><span style="color:#F97583;">px</span><span style="color:#E1E4E8;"> </span><span style="color:#79B8FF;">30</span><span style="color:#F97583;">px</span><span style="color:#E1E4E8;"> </span><span style="color:#79B8FF;">6</span><span style="color:#F97583;">px</span><span style="color:#E1E4E8;"> </span><span style="color:#79B8FF;">12</span><span style="color:#F97583;">px</span><span style="color:#E1E4E8;">; </span><span style="color:#6A737D;">/*Padding in the input*/</span></span>
 <span class="line"><span style="color:#E1E4E8;">    </span><span style="color:#FFAB70;">--dp-menu-min-width</span><span style="color:#E1E4E8;">: </span><span style="color:#79B8FF;">260</span><span style="color:#F97583;">px</span><span style="color:#E1E4E8;">; </span><span style="color:#6A737D;">/*Adjust the min width of the menu*/</span></span>
 <span class="line"><span style="color:#E1E4E8;">    </span><span style="color:#FFAB70;">--dp-action-buttons-padding</span><span style="color:#E1E4E8;">: </span><span style="color:#79B8FF;">2</span><span style="color:#F97583;">px</span><span style="color:#E1E4E8;"> </span><span style="color:#79B8FF;">5</span><span style="color:#F97583;">px</span><span style="color:#E1E4E8;">; </span><span style="color:#6A737D;">/*Adjust padding for the action buttons in action row*/</span></span>
-<span class="line"><span style="color:#E1E4E8;">    </span><span style="color:#FFAB70;">--dp-row-maring</span><span style="color:#E1E4E8;">:  </span><span style="color:#79B8FF;">5</span><span style="color:#F97583;">px</span><span style="color:#E1E4E8;"> </span><span style="color:#79B8FF;">0</span><span style="color:#E1E4E8;">; </span><span style="color:#6A737D;">/*Adjust the spacing between rows in the calendar*/</span></span>
+<span class="line"><span style="color:#E1E4E8;">    </span><span style="color:#FFAB70;">--dp-row-margin</span><span style="color:#E1E4E8;">:  </span><span style="color:#79B8FF;">5</span><span style="color:#F97583;">px</span><span style="color:#E1E4E8;"> </span><span style="color:#79B8FF;">0</span><span style="color:#E1E4E8;">; </span><span style="color:#6A737D;">/*Adjust the spacing between rows in the calendar*/</span></span>
 <span class="line"><span style="color:#E1E4E8;">    </span><span style="color:#FFAB70;">--dp-calendar-header-cell-padding</span><span style="color:#E1E4E8;">:  </span><span style="color:#79B8FF;">0.5</span><span style="color:#F97583;">rem</span><span style="color:#E1E4E8;">; </span><span style="color:#6A737D;">/*Adjust padding in calendar header cells*/</span></span>
 <span class="line"><span style="color:#E1E4E8;">    </span><span style="color:#FFAB70;">--dp-two-calendars-spacing</span><span style="color:#E1E4E8;">:  </span><span style="color:#79B8FF;">10</span><span style="color:#F97583;">px</span><span style="color:#E1E4E8;">; </span><span style="color:#6A737D;">/*Space between multiple calendars*/</span></span>
 <span class="line"><span style="color:#E1E4E8;">    </span><span style="color:#FFAB70;">--dp-overlay-col-padding</span><span style="color:#E1E4E8;">:  </span><span style="color:#79B8FF;">3</span><span style="color:#F97583;">px</span><span style="color:#E1E4E8;">; </span><span style="color:#6A737D;">/*Padding in the overlay column*/</span></span>
@@ -158,7 +158,7 @@
 <span class="line"><span style="color:#24292E;">    </span><span style="color:#E36209;">--dp-input-padding</span><span style="color:#24292E;">: </span><span style="color:#005CC5;">6</span><span style="color:#D73A49;">px</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">30</span><span style="color:#D73A49;">px</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">6</span><span style="color:#D73A49;">px</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">12</span><span style="color:#D73A49;">px</span><span style="color:#24292E;">; </span><span style="color:#6A737D;">/*Padding in the input*/</span></span>
 <span class="line"><span style="color:#24292E;">    </span><span style="color:#E36209;">--dp-menu-min-width</span><span style="color:#24292E;">: </span><span style="color:#005CC5;">260</span><span style="color:#D73A49;">px</span><span style="color:#24292E;">; </span><span style="color:#6A737D;">/*Adjust the min width of the menu*/</span></span>
 <span class="line"><span style="color:#24292E;">    </span><span style="color:#E36209;">--dp-action-buttons-padding</span><span style="color:#24292E;">: </span><span style="color:#005CC5;">2</span><span style="color:#D73A49;">px</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">5</span><span style="color:#D73A49;">px</span><span style="color:#24292E;">; </span><span style="color:#6A737D;">/*Adjust padding for the action buttons in action row*/</span></span>
-<span class="line"><span style="color:#24292E;">    </span><span style="color:#E36209;">--dp-row-maring</span><span style="color:#24292E;">:  </span><span style="color:#005CC5;">5</span><span style="color:#D73A49;">px</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">0</span><span style="color:#24292E;">; </span><span style="color:#6A737D;">/*Adjust the spacing between rows in the calendar*/</span></span>
+<span class="line"><span style="color:#24292E;">    </span><span style="color:#E36209;">--dp-row-margin</span><span style="color:#24292E;">:  </span><span style="color:#005CC5;">5</span><span style="color:#D73A49;">px</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">0</span><span style="color:#24292E;">; </span><span style="color:#6A737D;">/*Adjust the spacing between rows in the calendar*/</span></span>
 <span class="line"><span style="color:#24292E;">    </span><span style="color:#E36209;">--dp-calendar-header-cell-padding</span><span style="color:#24292E;">:  </span><span style="color:#005CC5;">0.5</span><span style="color:#D73A49;">rem</span><span style="color:#24292E;">; </span><span style="color:#6A737D;">/*Adjust padding in calendar header cells*/</span></span>
 <span class="line"><span style="color:#24292E;">    </span><span style="color:#E36209;">--dp-two-calendars-spacing</span><span style="color:#24292E;">:  </span><span style="color:#005CC5;">10</span><span style="color:#D73A49;">px</span><span style="color:#24292E;">; </span><span style="color:#6A737D;">/*Space between multiple calendars*/</span></span>
 <span class="line"><span style="color:#24292E;">    </span><span style="color:#E36209;">--dp-overlay-col-padding</span><span style="color:#24292E;">:  </span><span style="color:#005CC5;">3</span><span style="color:#D73A49;">px</span><span style="color:#24292E;">; </span><span style="color:#6A737D;">/*Padding in the overlay column*/</span></span>

diff --git a/src/VueDatePicker/style/components/_Calendar.scss b/src/VueDatePicker/style/components/_Calendar.scss
@@ -21,7 +21,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  margin: var(--dp-row-maring);
+  margin: var(--dp-row-margin);
 }
 
 .dp__calendar_item {

diff --git a/src/VueDatePicker/style/main.scss b/src/VueDatePicker/style/main.scss
@@ -32,7 +32,7 @@
   --dp-input-padding: 6px 30px 6px 12px;
   --dp-menu-min-width: 260px;
   --dp-action-buttons-padding: 1px 6px;
-  --dp-row-maring: 5px 0;
+  --dp-row-margin: 5px 0;
   --dp-calendar-header-cell-padding: 0.5rem;
   --dp-multi-calendars-spacing: 10px;
   --dp-overlay-col-padding: 3px;