Issue ##2313: Some preliminary css changes for dynamic field sets.

RotherOSS · Jul 27, 2023 · d339f40 · d339f40
1 parent 6268125
commit d339f40
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 11 deletions.
diff --git a/var/httpd/htdocs/skins/Agent/default/css/Core.Form.css b/var/httpd/htdocs/skins/Agent/default/css/Core.Form.css
@@ -756,12 +756,12 @@ fieldset.TableLike > .Row > .FieldCell label {
     color: #929292;
 }
 
-fieldset.TableLike > .Row > .FieldCell > .Field > select,
-fieldset.TableLike > .Row > .FieldCell > .Field > input,
-fieldset.TableLike > .Field > select,
-fieldset.TableLike > .Row > .Field > select,
-fieldset.TableLike > .Field > input,
-fieldset.TableLike > .Row > .Field > input {
+fieldset.TableLike .Row > .FieldCell > .Field > select,
+fieldset.TableLike .Row > .FieldCell > .Field > input,
+fieldset.TableLike .Field > select,
+fieldset.TableLike .Row > .Field > select,
+fieldset.TableLike .Field > input,
+fieldset.TableLike .Row > .Field > input {
     max-width: 100%;
     border-radius: 4px;
 }

diff --git a/var/httpd/htdocs/skins/Agent/default/css/Core.InputFields.css b/var/httpd/htdocs/skins/Agent/default/css/Core.InputFields.css
@@ -103,9 +103,9 @@ div.InputField_InputContainer {
         max-width: 300px;
     }
 
-    fieldset.TableLike > .Row > .FieldCell > .Field > select.Modernize,
-    fieldset.TableLike > .Row > .FieldCell > .Field > input.W75pc,
-    fieldset.TableLike > .Row > .FieldCell > .Field > input.W50pc,
+    fieldset.TableLike .Row > .FieldCell > .Field > select.Modernize,
+    fieldset.TableLike .Row > .FieldCell > .Field > input.W75pc,
+    fieldset.TableLike .Row > .FieldCell > .Field > input.W50pc,
     fieldset.TableLike .FieldCell > .Field > div.InputField_Container > div.InputField_InputContainer > .InputField_Search,
     fieldset.TableLike .FieldCell > .Field > div.InputField_Container > div.InputField_InputContainer > .InputField_Autocomplete {
         min-width: 300px;
@@ -232,9 +232,13 @@ div.Row.Row_DynamicField div.MultiColumn > div.MultiValueItem > label {
 
 /* TODO: Add real style */
 fieldset.DynamicFieldSet {
-    border: 1px solid #777;
-    padding: 8px;
     width: 600px;
+    padding: 8px;
+    border-radius: 4px;
+    background: #fff;
+    border: 1px solid #C9C9C9;
+    border-top-color: #C0C0C0;
+    box-shadow: inset 1px 1px 3px #eee, inset -1px -1px 3px #eee;
 }
 
 a.InputField_Action {