wcag: Make duplicate node warning more prominent. Addresses #285.

benloh · benloh · commit f83887cd047f · 2025-03-03T17:08:32.000-08:00
diff --git a/app/view/netcreate/components/NCNode.css b/app/view/netcreate/components/NCNode.css
@@ -123,6 +123,7 @@
 /* Text Style */
 .nccomponent .message {
   font-size: 12px;
+  padding-bottom: 0.5rem;
 }
 .nccomponent .nodelabel .message {
   font-size: 10px;
diff --git a/app/view/netcreate/components/NCNode.jsx b/app/view/netcreate/components/NCNode.jsx
@@ -879,7 +879,9 @@ class NCNode extends UNISYS.Component {
                   {matchList}
                 </div>
               )}
-              {isDuplicate && <div className="message">{duplicateWarning}</div>}
+              {isDuplicate && (
+                <div className="message warning">{duplicateWarning}</div>
+              )}
             </div>
             {/* Special handling for `type` field */}
             {defs['type'] && !defs['type'].hidden && (

Original file line number	Diff line number	Diff line change
`@@ -123,6 +123,7 @@`
`123`	`123`	`/* Text Style */`
`124`	`124`	`.nccomponent .message {`
`125`	`125`	`font-size: 12px;`
	`126`	`+ padding-bottom: 0.5rem;`
`126`	`127`	`}`
`127`	`128`	`.nccomponent .nodelabel .message {`
`128`	`129`	`font-size: 10px;`