diff --git a/app/templates/Standard/index.php b/app/templates/Standard/index.php index 97852499c..9deda13df 100644 --- a/app/templates/Standard/index.php +++ b/app/templates/Standard/index.php @@ -157,7 +157,7 @@ function _column_key($modelsName, $c, $tz=null) { } ?> - + - + "> 'action-menu-content_' . $actionsMenuUid, - 'class' => 'nospin coAddEditButtons', + 'class' => 'nospin action-menu-toggle', 'escape' => false, 'data-toggle' => 'dropdown', 'aria-haspopup' => true, @@ -58,39 +58,41 @@ class=""> ?> diff --git a/app/templates/element/search.php b/app/templates/element/search.php index 16ceacb08..b797c9501 100644 --- a/app/templates/element/search.php +++ b/app/templates/element/search.php @@ -87,7 +87,7 @@ - +
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css index c19f3a33d..52b051679 100644 --- a/app/webroot/css/co-base.css +++ b/app/webroot/css/co-base.css @@ -704,9 +704,6 @@ body.logged-in #top-menu { margin-bottom: 2em; font-style: italic; } -.actions { - white-space: nowrap; -} /* MATCHGRID CONFIGURATION */ #matchgrid-config-menu { list-style: none; @@ -856,10 +853,6 @@ ul.data-list li:nth-child(2n) { ul.data-table li { background-color: unset; } -.field-actions { - float: right; - padding: 2px; -} .field-data { float: left; padding: 4px 0 0 10px; @@ -1149,9 +1142,6 @@ tr td:last-child { tr.noborder td { border: none; } -th.actionButtons { - width:70px; -} tr:nth-child(odd) td { background-color: #f8f8f8; } diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css index ae9922233..f6f32d74e 100644 --- a/app/webroot/css/co-responsive.css +++ b/app/webroot/css/co-responsive.css @@ -212,6 +212,31 @@ #reconcile-table { font-size: 1em; } + /* INDEX ACTION COMMAND MENUS */ + /* convert the dropdown menus to be visible on wider screens */ + .field-actions .action-menu-toggle { + display: none; + } + .field-actions .dropdown-menu { + position: static; + display: inline-block; + font-size: 0.9em; + border: none; + background-color: transparent; + } + .field-actions .action-list-item { + display: inline-block; + } + .field-actions a.dropdown-item { + padding: 0 0.5em; + color: var(--cmg-color-link-primary); + } + .field-actions a.dropdown-item:hover { + background-color: transparent; + } + th.actions { + padding-left: 1.5em; + } /* FOOTER */ #co-footer { position: static;