New design for the tables - #3707

Former-commit-id: 6b2550344a7748e210fdb81a26751e9e94cbbfa4
This commit is contained in:
Tatiana Llorente 2019-04-05 13:51:35 +02:00
parent aa640efc44
commit 3da2f267a2
3 changed files with 24 additions and 47 deletions

View File

@ -284,7 +284,7 @@ if ($config['menu_type'] == 'classic') {
$header_support .= '</a></div>'; $header_support .= '</a></div>';
// Documentation. // Documentation.
$header_docu = '<div id="header_support">'; $header_docu = '<div id="header_docu">';
$header_docu .= '<a href="https://wiki.pandorafms.com/index.php?title=Main_Page" target="_blank">'; $header_docu .= '<a href="https://wiki.pandorafms.com/index.php?title=Main_Page" target="_blank">';
$header_docu .= html_print_image('/images/header_docu.png', true, ['title' => __('Go to documentation'), 'class' => 'bot', 'alt' => 'user']); $header_docu .= html_print_image('/images/header_docu.png', true, ['title' => __('Go to documentation'), 'class' => 'bot', 'alt' => 'user']);
$header_docu .= '</a></div>'; $header_docu .= '</a></div>';

View File

@ -4437,7 +4437,7 @@ function ui_get_sorting_arrows($url_up, $url_down, $selectUp, $selectDown)
$arrow_up = 'images/sort_up_black.png'; $arrow_up = 'images/sort_up_black.png';
$arrow_down = 'images/sort_down_black.png'; $arrow_down = 'images/sort_down_black.png';
// en el hover usar flechas verdes en el nodo // Green arrows for the selected.
if ($selectUp === true) { if ($selectUp === true) {
$arrow_up = 'images/sort_up_green.png'; $arrow_up = 'images/sort_up_green.png';
} }

View File

@ -2108,7 +2108,7 @@ a.autorefresh_txt,
font-size: 8.5pt; font-size: 8.5pt;
} }
@media screen and (min-width: 1024px) and (max-width: 1200px) { @media screen and (max-width: 1200px) {
#header_searchbar input.search_input { #header_searchbar input.search_input {
width: 135px; width: 135px;
} }
@ -2168,10 +2168,6 @@ div#logo_text3 {
margin-left: 4px; margin-left: 4px;
padding-top: 0px; padding-top: 0px;
}*/ }*/
.pagination {
margin-top: 15px;
margin-bottom: 5px;
}
.pagination * { .pagination * {
margin-left: 0px !important; margin-left: 0px !important;
margin-right: 0px !important; margin-right: 0px !important;
@ -5037,25 +5033,14 @@ table.info_table tbody > tr:nth-child(even) {
} }
table.info_table tr:first-child > th { table.info_table tr:first-child > th {
/*background-color: #373737;*/
/*color: #fff;*/
/*font-size: 9pt;*/
background-color: #fff; background-color: #fff;
border-top: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2;
color: #000; color: #000;
text-align: left; text-align: left;
vertical-align: middle; vertical-align: middle;
/*background-color: pink;*/
}
table.info_table tr:first-child > th span {
/*font-size: 9pt;*/
} }
table.info_table th { table.info_table th {
/*color: #fff;*/
/*background-color: #666;*/
font-size: 7.5pt; font-size: 7.5pt;
letter-spacing: 0.3pt; letter-spacing: 0.3pt;
color: #000; color: #000;
@ -5075,21 +5060,16 @@ table.info_table tr th {
} }
table.info_table > thead > tr:first-child > th:last-child { table.info_table > thead > tr:first-child > th:last-child {
/*border-right: 1px solid #373737;*/
/*border-right: 1px solid #e2e2e2;*/
border-top-right-radius: 4px; border-top-right-radius: 4px;
} }
table.info_table > thead > tr:first-child > th:first-child { table.info_table > thead > tr:first-child > th:first-child {
/*border-left: 1px solid #373737;*/
/* border-left: 1px solid #e2e2e2;*/
border-top-left-radius: 4px; border-top-left-radius: 4px;
} }
table.info_table > thead > tr > th, table.info_table > thead > tr > th,
table.info_table > tbody > tr > th, table.info_table > tbody > tr > th,
table.info_table > thead > tr > th a { table.info_table > thead > tr > th a {
/*padding: 9px 7px;*/
padding-left: 9px; padding-left: 9px;
padding-right: 9px; padding-right: 9px;
padding-top: 9px; padding-top: 9px;
@ -5104,7 +5084,6 @@ table.info_table > tbody > tr > td {
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
border: none; border: none;
/*padding: 9px 7px;*/
padding-left: 9px; padding-left: 9px;
padding-right: 9px; padding-right: 9px;
padding-top: 7px; padding-top: 7px;
@ -5142,23 +5121,11 @@ table.info_table > tbody > tr:hover {
background-color: #eee; background-color: #eee;
} }
table.info_table td:last-child img {
border: 1px solid red;
background-color: pink;
background-color: #ffedf0;
}
.info_table.profile_list > thead > tr > th > a.tip { .info_table.profile_list > thead > tr > th > a.tip {
padding: 0px; padding: 0px;
} }
/* no confundir con action-buttons */ /* This class is for the icons of actions and operations in the tables. */
/* esta se pa los botones de las tablas de delete etc*/
/*para cuando solo hay un boton y puede haber iconos que no son botones al lado*/
.action_button_img {
cursor: pointer;
}
.action_buttons a[href] img, .action_buttons a[href] img,
.action_buttons input[type="image"], .action_buttons input[type="image"],
.action_button_img { .action_button_img {
@ -5170,6 +5137,11 @@ table.info_table td:last-child img {
background-color: transparent !important; /*BORRAR*/ background-color: transparent !important; /*BORRAR*/
} }
/* This class is for only one icon to be a button type. */
.action_button_img {
cursor: pointer;
}
.action_buttons a, .action_buttons a,
.action_buttons input[type="image"] { .action_buttons input[type="image"] {
margin-right: 5px; margin-right: 5px;
@ -5190,12 +5162,26 @@ table.info_table td:last-child img {
background-color: #fff !important; background-color: #fff !important;
} }
/* PAGINACION */ /* Arrows to sort the tables. */
.sort_arrow {
display: inline-grid;
vertical-align: middle;
}
.sort_arrow a {
padding: 0 0 0 5px !important;
}
/*
* ---------------------------------------------------------------------
* - PAGINATION
* ---------------------------------------------------------------------
*/
.pagination { .pagination {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-end; align-items: flex-end;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 15px;
} }
.pagination .page_number { .pagination .page_number {
@ -5259,12 +5245,3 @@ table.info_table td:last-child img {
margin-top: 0px; margin-top: 0px;
align-items: flex-start; align-items: flex-start;
} }
/* FELCHAS ORDENACION */
.sort_arrow {
display: inline-grid;
vertical-align: middle;
}
.sort_arrow a {
padding: 0 0 0 5px !important;
}