Fixed borders between input fields in date fields

OpenHistoricalMap · Dec 16, 2023 · 59d1ffe · 59d1ffe
1 parent 0671357
commit 59d1ffe
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/css/80_app.css b/css/80_app.css
@@ -2056,6 +2056,14 @@ a.hide-toggle {
 }
 
 
+/* Field - Date
+------------------------------------------------------- */
+.ideditor .form-field-input-date > input.date-main + input.date-main,
+.ideditor .form-field-input-date > .combobox-caret + input.date-main {
+ border-left: 0;
+}
+
+
 /* Field - Address
 ------------------------------------------------------- */
 .form-field-input-address {

diff --git a/modules/ui/fields/date.js b/modules/ui/fields/date.js
@@ -125,7 +125,7 @@ export function uiFieldDate(field, context) {
  yearInput = yearInput.enter()
  .append('input')
  .attr('type', 'number')
- .attr('class', 'date-year')
+ .attr('class', 'date-main date-year')
  .attr('id', field.domId)
  .call(utilNoAuto)
  .merge(yearInput);
@@ -134,23 +134,23 @@ export function uiFieldDate(field, context) {
  eraInput = eraInput.enter()
  .append('input')
  .attr('type', 'text')
- .attr('class', 'date-era')
+ .attr('class', 'date-main date-era')
  .call(eraCombo)
  .merge(eraInput);
  break;
  case 'month':
  monthInput = monthInput.enter()
  .append('input')
  .attr('type', 'text')
- .attr('class', 'date-month')
+ .attr('class', 'date-main date-month')
  .call(monthCombo)
  .merge(monthInput);
  break;
  case 'day':
  dayInput = dayInput.enter()
  .append('input')
  .attr('type', 'number')
- .attr('class', 'date-day')
+ .attr('class', 'date-main date-day')
  .call(utilNoAuto)
  .merge(dayInput);
  break;