diff --git a/css/80_app.css b/css/80_app.css index 3b7eee125..ee5815d36 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -1472,7 +1472,7 @@ button.preset-favorite-button.active .icon { /* The parts of a field: - `.form-field` is a `div` wraps the entire thing - - `.form-field-label` is a `label` that wraps the top part, it contains; + - `.field-label` is a `label` that wraps the top part, it contains; - `span` classed `label-text` - 0..n buttons for "remove", "modified", "tag reference" - `.form-field-input-wrap` is a `label` or `div` that wraps the bottom part, it contains; @@ -1482,7 +1482,7 @@ button.preset-favorite-button.active .icon { - `.tag-reference-body` at the bottom (usually hidden) .------------------. - - | Name | i | <- .form-field-label | + | Name | i | <- .field-label | +------------------+ | | Starbucks | + | <- .form-field-input-wrap > .form-field '------------------' | @@ -1507,7 +1507,7 @@ button.preset-favorite-button.active .icon { } /* A `label` element that wraps the top section */ -.form-field-label { +.field-label { display: flex; flex-flow: row nowrap; flex: 1 1 100%; @@ -1520,15 +1520,15 @@ button.preset-favorite-button.active .icon { border-radius: 4px 4px 0 0; overflow: hidden; } -.form-field-label .label-text { +.field-label .label-text { flex: 1 1 auto; padding: 5px 0 5px 10px; } -[dir='rtl'] .form-field-label .label-text { +[dir='rtl'] .field-label .label-text { padding: 5px 10px 5px 0; } -.form-field-label button { +.field-label button { flex: 0 0 32px; border-left: 1px solid #ccc; width: 32px; @@ -1536,23 +1536,23 @@ button.preset-favorite-button.active .icon { border-radius: 0; background: #f6f6f6; } -[dir='rtl'] .form-field-label button { +[dir='rtl'] .field-label button { border-left: none; border-right: 1px solid #ccc; } -.form-field-label button:hover { +.field-label button:hover { background: #f1f1f1; } -.form-field-label .icon { +.field-label .icon { opacity: .5; } -.form-field-label .modified-icon, -.form-field-label .remove-icon { +.field-label .modified-icon, +.field-label .remove-icon { display: none; } -.modified .form-field-label .modified-icon, -.present .form-field-label .remove-icon { +.modified .field-label .modified-icon, +.present .field-label .remove-icon { display: inline-block; } @@ -2197,7 +2197,7 @@ button.preset-favorite-button.active .icon { .form-field-comment:not(.present) #preset-input-comment { border-color: rgb(230, 100, 100); } -.form-field-comment:not(.present) .form-field-label { +.form-field-comment:not(.present) .field-label { border-color: rgb(230, 100, 100); background: rgba(230, 100, 100, 0.2); } @@ -3882,7 +3882,7 @@ li.issue-fix-item:not(.actionable) .fix-icon { .inspector-hover .form-field-input-multicombo .chips .remove, .inspector-hover .hide-toggle:before, .inspector-hover .more-fields, -.inspector-hover .form-field-label button, +.inspector-hover .field-label button, .inspector-hover .tag-row button, .inspector-hover .footer * { opacity: 0; diff --git a/modules/ui/field.js b/modules/ui/field.js index 6b2813563..3a6dc5aa8 100644 --- a/modules/ui/field.js +++ b/modules/ui/field.js @@ -119,7 +119,7 @@ export function uiField(context, presetField, entity, options) { if (options.wrap) { var label = enter .append('label') - .attr('class', 'form-field-label') + .attr('class', 'field-label') .attr('for', function(d) { return 'preset-input-' + d.safeid; }); label @@ -151,10 +151,10 @@ export function uiField(context, presetField, entity, options) { container = container .merge(enter); - container.select('.form-field-label > .remove-icon') // propagate bound data + container.select('.field-label > .remove-icon') // propagate bound data .on('click', remove); - container.select('.form-field-label > .modified-icon') // propagate bound data + container.select('.field-label > .modified-icon') // propagate bound data .on('click', revert); container @@ -192,7 +192,7 @@ export function uiField(context, presetField, entity, options) { if (help) { d3_select(this) .call(help.body) - .select('.form-field-label') + .select('.field-label') .call(help.button); } @@ -200,7 +200,7 @@ export function uiField(context, presetField, entity, options) { if (reference) { d3_select(this) .call(reference.body) - .select('.form-field-label') + .select('.field-label') .call(reference.button); } diff --git a/modules/ui/fields/localized.js b/modules/ui/fields/localized.js index 3322ce71a..a0c6abc2f 100644 --- a/modules/ui/fields/localized.js +++ b/modules/ui/fields/localized.js @@ -402,7 +402,7 @@ export function uiFieldLocalized(field, context) { var label = wrap .append('label') - .attr('class', 'form-field-label'); + .attr('class', 'field-label'); label .append('span') diff --git a/modules/ui/raw_member_editor.js b/modules/ui/raw_member_editor.js index eb8bb5a4d..2fefcfcc5 100644 --- a/modules/ui/raw_member_editor.js +++ b/modules/ui/raw_member_editor.js @@ -148,7 +148,7 @@ export function uiRawMemberEditor(context) { var label = item .append('label') - .attr('class', 'form-field-label'); + .attr('class', 'field-label'); if (d.member) { // highlight the member feature in the map while hovering on the list item diff --git a/modules/ui/raw_membership_editor.js b/modules/ui/raw_membership_editor.js index e9f3fd43e..6f478f650 100644 --- a/modules/ui/raw_membership_editor.js +++ b/modules/ui/raw_membership_editor.js @@ -197,7 +197,7 @@ export function uiRawMembershipEditor(context) { var labelEnter = itemsEnter .append('label') - .attr('class', 'form-field-label') + .attr('class', 'field-label') .append('span') .attr('class', 'label-text') .append('a') @@ -258,7 +258,7 @@ export function uiRawMembershipEditor(context) { newMembershipEnter .append('label') - .attr('class', 'form-field-label') + .attr('class', 'field-label') .append('input') .attr('placeholder', t('inspector.choose_relation')) .attr('type', 'text')