Add initial module files and styles

README.md

@@ -0,0 +1,3 @@
+# ubc_chosen_style_tweaks
+
+This module adjusts Claro Admin theme styles, making any style modifications as needed.

composer.json

@@ -0,0 +1,10 @@
+{
+  "name": "ubc-web-services/ubc_claro_style_tweaks",
+  "description": "A Drupal 8 module to add some style tweaks to Claro admin theme",
+  "type": "drupal-module",
+  "authors": [{
+    "name": "O'Toole, James",
+    "email": "[email protected]"
+  }],
+  "require": {}
+}

css/claro.style.tweaks.css

@@ -0,0 +1,19 @@
+
+/* fix for multiple drag handles in node edit form */
+.js .node-form .tabledrag-cell-content__item {
+  display: none;
+}
+
+@media screen and (min-width: 85em) {
+
+  /* fix to allow chosen dropdowns to appear beyond the boundaries of vertical tabs */
+  .js .block-claro-content .vertical-tabs__item {
+    overflow: visible;
+  }
+
+  /* fix to correct hidden vertical tabs in node edit form */
+  .js .node-form .vertical-tabs__item > summary {
+    display: block !important;
+  }
+
+}

ubc_claro_style_tweaks.info.yml

@@ -0,0 +1,7 @@
+name: UBC Claro Style Tweaks
+type: module
+description: This module adds some style tweaks to the Claro admin theme.
+package: UBC Web Services
+
+core: '8.x'
+core_version_requirement: ^8 || ^9

ubc_claro_style_tweaks.libraries.yml

@@ -0,0 +1,4 @@
+clarotweaks:
+  css:
+    theme:
+      css/claro.style.tweaks.css: { }

ubc_claro_style_tweaks.module

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Implements hook_page_attachments().
+ *
+ * @ingroup ubc_claro_style_tweaks
+ */
+
+/**
+ * Implements hook_preprocess_page().
+ */
+function ubc_claro_style_tweaks_preprocess_page(&$variables) {
+  $variables['#attached']['library'][] = 'ubc_claro_style_tweaks/clarotweaks';
+}