Stylistic improvements for dropdown menu and actions column (CO-2230)

COmanage · Oct 11, 2021 · f2a8112 · f2a8112
1 parent 51dae30
commit f2a8112
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
@@ -726,6 +726,24 @@ body.matchgridrecords .popover {
 body.matchgridrecords .popover-header {
   font-size: 1em;
 }
+/* INDEX ACTION COMMAND MENUS */
+td.actions,
+th.actions {
+  text-align: center;
+}
+.field-actions .dropdown-menu {
+  padding: 0;
+  font-size: 1em;
+  border-radius: 0;
+}
+.field-actions a.dropdown-item {
+  padding: 0.5em 1em;
+  color: var(--cmg-color-link-primary);
+}
+#main .field-actions a.dropdown-item:hover {
+  color: var(--cmg-color-black);
+  text-decoration: none;
+}
 /* PAGINATION */
 #pagination {
   margin: 0;

diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css
@@ -223,19 +223,28 @@
     font-size: 0.9em;
     border: none;
     background-color: transparent;
+    white-space: nowrap;
   }
   .field-actions .action-list-item {
     display: inline-block;
   }
   .field-actions a.dropdown-item {
     padding: 0 0.5em;
+  }
+  #main .field-actions a.dropdown-item:hover {
     color: var(--cmg-color-link-primary);
+    text-decoration: underline;
   }
   .field-actions a.dropdown-item:hover {
     background-color: transparent;
   }
   th.actions {
+    width: 100px; /* this is pushed wider by the nowrap on .field-actions .dropdown-menu */
     padding-left: 1.5em;
+    text-align: left;
+  }
+  td.actions {
+    text-align: left;
   }
   /* FOOTER */
   #co-footer {