feat(console-v2): login policy extension, domain policy, filter and UI fixes (#3644)

* show filter count when set

* toast contrast color

* fix notification settings, password dialog

* app-create, user-create layout

* domain policy

* login-policy, project grid loader, i18n

* login policy

* login policy save lifetimes

* private labeling optim

* granted project grantId

* smtp address matching

* i18n

* i18n

* i18n

* replace url strategy

* fix privatelabeling color picker saving

* stylelint

Co-authored-by: Livio Amstutz <[email protected]>

console/src/app/pages/users/user-create/user-create.component.scss

@@ -7,20 +7,47 @@
     font-size: 1.2rem;
     margin-left: 2rem;
   }
-
-  .abort-2 {
-    font-size: 1.2rem;
-    margin-left: 2rem;
-    white-space: nowrap;
-  }
 }
 
 .user-create-main-content {
   padding-left: 4.5rem;
   max-width: 35rem;
 
+  @media only screen and (max-width: 500px) {
+    padding: 0 0.5rem;
+  }
+
   .user-create-form {
-    padding-top: 1rem;
+    .user-create-content {
+      .user-create-section {
+        padding: 1rem 0 0 0;
+        flex-basis: 100%;
+        font-size: 14px;
+        letter-spacing: 0.05em;
+        text-transform: uppercase;
+      }
+
+      .user-create-grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        column-gap: 1rem;
+
+        @media only screen and (max-width: 500px) {
+          grid-template-columns: 1fr;
+        }
+      }
+
+      .email-is-verified,
+      .use-password-block {
+        flex-basis: 100%;
+        margin-top: 1.5rem;
+
+        .block-checkbox {
+          display: block;
+          margin: 0.25rem 0;
+        }
+      }
+    }
 
     .user-create-btn-container {
       button {
@@ -32,49 +59,9 @@
     }
   }
 
-  .user-create-content {
-    display: flex;
-    flex-wrap: wrap;
-    flex-direction: row;
-    margin: 0 -0.5rem;
-
-    .user-create-section {
-      padding: 0.5rem;
-      flex-basis: 100%;
-      font-size: 0.9rem;
-      letter-spacing: 0.05em;
-      text-transform: uppercase;
-    }
-
-    .formfield {
-      flex: 1 0 33%;
-      margin: 0 0.5rem;
-    }
-
-    .email-is-verified,
-    .use-password-block {
-      margin: 0 0.5rem;
-      flex-basis: 100%;
-      margin-top: 1.5rem;
-
-      .block-checkbox {
-        display: block;
-        margin: 0.25rem 0;
-      }
-    }
-  }
-
   .pwd-section {
-    margin: 0 0.5rem;
-
     .section {
       padding: 0.5rem 0;
     }
-
-    .user-create-pwd-form {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      grid-gap: 1rem;
-    }
   }
 }