Paging: Integrate Button class. Theme: Add supporting classes for upcoming changes to list pages.

This commit is contained in:
Nate
2019-10-19 16:55:46 -06:00
parent c2a9dcf66c
commit 349684bb00
5 changed files with 165 additions and 41 deletions

View File

@@ -1239,8 +1239,8 @@ $default_login = ($_REQUEST['login'] == 'default') ? true : false;
display: none;
}
/* expand search input on focus */
input[type=text].search {
/* expand list search input on focus */
input[type=text].list-search {
width: 70px;
min-width: 70px;
margin-left: 15px;
@@ -1249,7 +1249,7 @@ $default_login = ($_REQUEST['login'] == 'default') ? true : false;
transition: all .5s ease;
}
input[type=text].search:focus {
input[type=text].list-search:focus {
width: 150px;
}
@@ -2097,7 +2097,7 @@ $default_login = ($_REQUEST['login'] == 'default') ? true : false;
white-space: nowrap;
}
/*******************************************************************************/
/* LIST ACTION BAR *************************************************************/
div.action_bar {
position: -webkit-sticky;
@@ -2141,3 +2141,85 @@ $default_login = ($_REQUEST['login'] == 'default') ? true : false;
background: <?php echo ($_SESSION['theme']['action_bar_background_scroll']['text'] != '') ? $_SESSION['theme']['action_bar_background_scroll']['text'] : 'rgba(255,255,255,0.9)'; ?>;
box-shadow: <?php echo ($_SESSION['theme']['action_bar_shadow_scroll']['text'] != '') ? $_SESSION['theme']['action_bar_shadow_scroll']['text'] : '0 3px 3px 0 rgba(0,0,0,0.2)'; ?>;
}
/* LIST ************************************************************************/
.list {
width: 100%;
}
.list tr {
cursor: default;
}
.list tr:hover td:not(.no-link),
.list tr:hover td:not(.no-link) a {
color: <?php echo ($_SESSION['theme']['text_link_color_hover']['text'] != '') ? $_SESSION['theme']['text_link_color_hover']['text'] : '#5082ca'; ?>;
cursor: pointer;
}
.list-header > th {
padding: 4px 7px;
text-align: left;
color: <?php echo ($_SESSION['theme']['table_heading_text_color']['text'] != '') ? $_SESSION['theme']['table_heading_text_color']['text'] : '#3164ad'; ?>;
font-size: <?php echo ($_SESSION['theme']['table_heading_text_size']['text'] != '') ? $_SESSION['theme']['table_heading_text_size']['text'] : '12px'; ?>;
font-family: <?php echo ($_SESSION['theme']['table_heading_text_font']['text'] != '') ? $_SESSION['theme']['table_heading_text_font']['text'] : 'arial'; ?>;
background: <?php echo ($_SESSION['theme']['table_heading_background_color']['text'] != '') ? $_SESSION['theme']['table_heading_background_color']['text'] : 'none'; ?>;
border-bottom: 1px solid <?php echo ($_SESSION['theme']['table_heading_border_color']['text'] != '') ? $_SESSION['theme']['table_heading_border_color']['text'] : '#a4aebf'; ?>;
}
.list-row:nth-child(odd) > :not(.action-button) {
background: <?php echo ($_SESSION['theme']['table_row_background_color_light']['text'] != '') ? $_SESSION['theme']['table_row_background_color_light']['text'] : '#ffffff'; ?>;
}
.list-row:nth-child(even) > :not(.action-button) {
background: <?php echo ($_SESSION['theme']['table_row_background_color_dark']['text'] != '') ? $_SESSION['theme']['table_row_background_color_dark']['text'] : '#e5e9f0'; ?>;
}
.list-row > td:not(.action-button) {
border-bottom: 1px solid <?php echo ($_SESSION['theme']['table_row_border_color']['text'] != '') ? $_SESSION['theme']['table_row_border_color']['text'] : '#c5d1e5'; ?>;
color: <?php echo ($_SESSION['theme']['table_row_text_color']['text'] != '') ? $_SESSION['theme']['table_row_text_color']['text'] : '#000'; ?>;
font-family: <?php echo ($_SESSION['theme']['table_row_text_font']['text'] != '') ? $_SESSION['theme']['table_row_text_font']['text'] : 'arial'; ?>;
font-size: <?php echo ($_SESSION['theme']['table_row_text_size']['text'] != '') ? $_SESSION['theme']['table_row_text_size']['text'] : '12px'; ?>;
text-align: left;
}
.list-row > :not(.checkbox) {
padding: <?php echo ($_SESSION['theme']['table_row_padding']['text'] != '') ? $_SESSION['theme']['table_row_padding']['text'] : '4px 7px 4px 7px'; ?>;
}
.list-row > td.description {
background: <?php echo ($_SESSION['theme']['table_row_background_color_medium']['text'] != '') ? $_SESSION['theme']['table_row_background_color_medium']['text'] : '#f0f2f6'; ?> !important;
}
.list-header > .checkbox,
.list-row > .checkbox {
width: 1px;
text-align: center;
}
.list-row > .checkbox {
padding: 3px 7px 1px 7px;
}
.list-row > .button {
margin: 0;
padding-top: 0;
padding-bottom: 0;
white-space: nowrap;
}
.list-row > .overflow {
max-width: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.list-header > .action-button,
.list-row > .action-button {
width: 1px;
white-space: nowrap;
background: none;
padding: 0;
}