update UI

src/display/css_html_js.py

@@ -375,26 +375,41 @@ code, pre, kbd, samp, textarea {
     padding: 0 !important;
 }
 
-.clean-input input,
-.clean-input textarea,
+.clean-input::before,
+.clean-input::after,
+.clean-input *::before,
+.clean-input *::after {
+    border: 0 !important;
+    box-shadow: none !important;
+    outline: 0 !important;
+}
+
+.clean-input,
+.clean-input > div,
+.clean-input .wrap,
+.clean-input .form,
+.clean-input .block,
+.clean-input .container,
+.clean-input label,
+.clean-input .label-wrap,
+.clean-input .dropdown,
+.clean-input .dropdown > div {
+    border-radius: 0 !important;
+}
+
 .clean-input .wrap-inner,
-.clean-input .wrap-inner > input,
-.clean-input .wrap-inner > textarea,
-.clean-input .single-select,
-.clean-input .dropdown .wrap-inner,
-.clean-input .dropdown .secondary-wrap {
+.clean-input .dropdown .wrap-inner {
     background: var(--bg-input) !important;
     border-radius: 12px !important;
     border: 1px solid var(--line-2) !important;
-    box-shadow: var(--shadow-soft) !important;
+    box-shadow: none !important;
+    outline: 0 !important;
     color: var(--ink-1) !important;
+    overflow: hidden !important;
 }
 
-.clean-input input,
-.clean-input textarea,
 .clean-input .wrap-inner,
-.clean-input .single-select,
-.clean-input .secondary-wrap {
+.clean-input .dropdown .wrap-inner {
     min-height: 48px !important;
     height: 48px !important;
     line-height: 48px !important;
@@ -403,11 +418,38 @@ code, pre, kbd, samp, textarea {
 }
 
 .clean-input input,
-.clean-input textarea {
+.clean-input textarea,
+.clean-input .wrap-inner > input,
+.clean-input .wrap-inner > textarea,
+.clean-input .single-select,
+.clean-input .secondary-wrap,
+.clean-input [role="combobox"],
+.clean-input button {
+    background: transparent !important;
+    border: 0 !important;
+    border-radius: 0 !important;
+    box-shadow: none !important;
+    outline: 0 !important;
+    min-height: 46px !important;
+    height: 46px !important;
+    line-height: 46px !important;
+    color: var(--ink-1) !important;
+}
+
+.clean-input input,
+.clean-input textarea,
+.clean-input .wrap-inner > input,
+.clean-input .wrap-inner > textarea {
     padding-left: 14px !important;
     padding-right: 14px !important;
 }
 
+.clean-input *:not(.wrap-inner) {
+    border: 0 !important;
+    box-shadow: none !important;
+    outline: 0 !important;
+}
+
 .clean-input {
     margin: 0 !important;
     padding: 0 !important;
@@ -426,39 +468,6 @@ code, pre, kbd, samp, textarea {
     background: transparent !important;
 }
 
-.submit-subtask.clean-input {
-    background: var(--bg-input) !important;
-    border: 1px solid var(--line-2) !important;
-    border-radius: 12px !important;
-    box-shadow: var(--shadow-soft) !important;
-    overflow: hidden !important;
-}
-
-.submit-subtask.clean-input > div,
-.submit-subtask .dropdown,
-.submit-subtask .dropdown > div,
-.submit-subtask .dropdown .wrap-inner,
-.submit-subtask .wrap-inner,
-.submit-subtask .secondary-wrap,
-.submit-subtask .single-select,
-.submit-subtask [role="combobox"],
-.submit-subtask button {
-    border: 0 !important;
-    border-radius: 0 !important;
-    box-shadow: none !important;
-    background: transparent !important;
-    padding: 0 !important;
-}
-
-.submit-subtask .secondary-wrap,
-.submit-subtask .single-select,
-.submit-subtask [role="combobox"] {
-    min-height: 46px !important;
-    height: 46px !important;
-    line-height: 46px !important;
-    color: var(--ink-1) !important;
-}
-
 .clean-input input:disabled,
 .clean-input textarea:disabled,
 .clean-input [disabled] {
@@ -894,56 +903,34 @@ button.primary:hover,
         color: var(--brand) !important;
     }
 
-    .clean-input input,
-    .clean-input textarea,
     .clean-input .wrap-inner,
-    .clean-input .single-select,
-    .clean-input .dropdown .wrap-inner,
-    .clean-input .dropdown .secondary-wrap,
-    .clean-input [role="combobox"] {
+    .clean-input .dropdown .wrap-inner {
         background: var(--bg-input) !important;
         border-color: var(--line-2) !important;
         color: var(--ink-1) !important;
         -webkit-text-fill-color: var(--ink-1) !important;
     }
 
-    .clean-input input::placeholder,
-    .clean-input textarea::placeholder {
-        color: var(--ink-3) !important;
-        -webkit-text-fill-color: var(--ink-3) !important;
-    }
-
-    .submit-subtask.clean-input {
-        background: var(--bg-input) !important;
-        border: 1px solid var(--line-2) !important;
-        border-radius: 12px !important;
-        box-shadow: var(--shadow-soft) !important;
-        overflow: hidden !important;
-    }
-
-    .submit-subtask.clean-input > div,
-    .submit-subtask .dropdown,
-    .submit-subtask .dropdown > div,
-    .submit-subtask .dropdown .wrap-inner,
-    .submit-subtask .wrap-inner,
-    .submit-subtask .secondary-wrap,
-    .submit-subtask .single-select,
-    .submit-subtask [role="combobox"],
-    .submit-subtask button {
+    .clean-input input,
+    .clean-input textarea,
+    .clean-input .wrap-inner > input,
+    .clean-input .wrap-inner > textarea,
+    .clean-input .single-select,
+    .clean-input .secondary-wrap,
+    .clean-input [role="combobox"],
+    .clean-input button {
+        background: transparent !important;
         border: 0 !important;
-        border-radius: 0 !important;
         box-shadow: none !important;
-        background: transparent !important;
-        padding: 0 !important;
+        outline: 0 !important;
+        color: var(--ink-1) !important;
+        -webkit-text-fill-color: var(--ink-1) !important;
     }
 
-    .submit-subtask .secondary-wrap,
-    .submit-subtask .single-select,
-    .submit-subtask [role="combobox"] {
-        min-height: 46px !important;
-        height: 46px !important;
-        line-height: 46px !important;
-        color: var(--ink-1) !important;
+    .clean-input input::placeholder,
+    .clean-input textarea::placeholder {
+        color: var(--ink-3) !important;
+        -webkit-text-fill-color: var(--ink-3) !important;
     }
 
     .property-material-tabs [role="tablist"] {