handling admin styles

resources/css/admin-style.css

@@ -1,15 +1,117 @@
-.homegrade-blocks-components-image__panel-body {
-  .media-replace-container {
-    .components-dropdown .components-toolbar__control {
-      @apply !bg-patrimoine-sante-securite;
-      color: white;
-    }
+.edit-post-visual-editor__post-title-wrapper {
+  h1 {
+    font-weight: revert;
+    font-size: revert;
   }
 }
 
-.homegrade-blocks-components-image__panel-body
-  .media-replace-container
-  .components-dropdown
-  .components-toolbar__control {
-  @apply !bg-patrimoine-sante-securite;
+#menu-posts-conseils,
+#menu-posts,
+#menu-pages,
+#menu-media {
+  /* @apply !pt-1; */
+  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
+}
+
+#menu-posts-vocabulaire,
+#menu-posts-videos-webinaires,
+#toplevel_page_theme-general-settings {
+  /* @apply !pb-1; */
+}
+
+#toplevel_page_gf_edit_forms {
+  /* @apply !pb-1; */
+  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
+}
+/* .wp-block-post-content,
+.is-root-container {
+  background-color: red !imporatant;
+}
+
+.block-editor-block-list__block {
+  background-color: yellow !imporatant; */
+/* } */
+
+.homegrade-blocks-components-icon__panel-body {
+  .icon-preview {
+    max-width: 80px;
+    padding: 20px 0;
+  }
+}
+
+.homegrade-blocks-components-image__panel-body {
+  .components-tip {
+    margin: 10px 0;
+  }
+
+  .media-replace-container {
+    .components-dropdown .components-toolbar__control {
+      background-color: #e04d42;
+      color: white;
+    }
+  }
+  img {
+    display: block;
+  }
+  .components-dropdown {
+    display: block;
+    width: fit-content;
+  }
+  .media-replace-container {
+    padding: 10px 0;
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
+
+  .components-toggle-group-control-option-base {
+    outline: transparent;
+  }
+
+  .components-toggle-group-control {
+    div[role='presentation'] {
+      background-color: #e04d42;
+    }
+  }
+}
+.components-toggle-group-control {
+  div[role='presentation'] {
+    background-color: #e04d42;
+  }
+}
+.editor-post-featured-image__action {
+  background-color: #e04d42;
+  color: white;
+  &:hover {
+    color: #e04d42;
+    background-color: white;
+  }
+}
+
+.block-editor-block-styles__variants
+  button.components-button.block-editor-block-styles__item.is-active,
+.block-editor-block-styles__variants
+  button.components-button.block-editor-block-styles__item.is-active:hover {
+  background: var(
+    --wp-components-color-accent,
+    var(--wp-admin-theme-color, #3858e9)
+  );
+}
+.components-toggle-group-control-option-base {
+  div {
+    @apply py-1;
+    line-height: 1.3;
+  }
+}
+
+.acf_custom_title {
+  .acf-label {
+    @apply pb-3;
+    label {
+      @apply !text-patrimoine-sante-securite !text-sm !font-semibold;
+    }
+  }
+}
+.block-editor-link-control__search-item-top {
+  word-break: break-all;
 }