Commit 71811f22 authored by Olga Brani's avatar Olga Brani Committed by Alex Pyrgiotis
Browse files

admin-ui: Fix problematic drop down on user list

Fix apyrgio/synnefo#261
parent 4ed1284d
......@@ -5058,47 +5058,35 @@ and light gray font colors
margin-right: 10px;
display: inline-block; } }
/* line 178, ../sass/_bars-btns.scss */
.sidebar.sidebar-fixed {
top: 80px;
left: auto;
right: auto;
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 170px;
float: left; }
/*
Positioning or customizing buttons
*/
/* line 196, ../sass/_bars-btns.scss */
/* line 183, ../sass/_bars-btns.scss */
.sidebar .custom-btn {
display: block;
margin: 0 0 1em; }
/* line 199, ../sass/_bars-btns.scss */
/* line 186, ../sass/_bars-btns.scss */
.sidebar .custom-btn span {
padding: 8px; }
/* line 205, ../sass/_bars-btns.scss */
/* line 192, ../sass/_bars-btns.scss */
body .custom-buttons {
float: left;
margin-right: 10px; }
/* line 208, ../sass/_bars-btns.scss */
/* line 195, ../sass/_bars-btns.scss */
body .custom-buttons .line-btn {
margin-right: 1em; }
/* line 211, ../sass/_bars-btns.scss */
/* line 198, ../sass/_bars-btns.scss */
body .custom-buttons .disabled {
display: none; }
/*
Extra-button is used to show total selected rows
*/
/* line 229, ../sass/_bars-btns.scss */
/* line 216, ../sass/_bars-btns.scss */
.extra-btn span {
display: inline-block; }
/* line 232, ../sass/_bars-btns.scss */
/* line 219, ../sass/_bars-btns.scss */
.extra-btn .badge {
background: transparent;
line-height: 0.8;
......@@ -5106,34 +5094,34 @@ Extra-button is used to show total selected rows
padding: 0 5px 0 0;
font-weight: normal;
font-size: 1em; }
/* line 239, ../sass/_bars-btns.scss */
/* line 226, ../sass/_bars-btns.scss */
.extra-btn .badge::before {
content: "("; }
/* line 242, ../sass/_bars-btns.scss */
/* line 229, ../sass/_bars-btns.scss */
.extra-btn .badge::after {
content: ")"; }
/* line 248, ../sass/_bars-btns.scss */
/* line 235, ../sass/_bars-btns.scss */
.show-hide-all {
float: right; }
/* line 250, ../sass/_bars-btns.scss */
/* line 237, ../sass/_bars-btns.scss */
.show-hide-all em {
font-style: normal; }
/* line 253, ../sass/_bars-btns.scss */
/* line 240, ../sass/_bars-btns.scss */
.show-hide-all.line-btn {
padding: 8px; }
/* line 255, ../sass/_bars-btns.scss */
/* line 242, ../sass/_bars-btns.scss */
.show-hide-all.line-btn span {
display: inline; }
/* line 262, ../sass/_bars-btns.scss */
/* line 249, ../sass/_bars-btns.scss */
.actions-per-item .custom-btn {
margin: 10px 10px 10px 0; }
/* line 267, ../sass/_bars-btns.scss */
/* line 254, ../sass/_bars-btns.scss */
.charts .chart {
display: none; }
/* line 271, ../sass/_bars-btns.scss */
/* line 258, ../sass/_bars-btns.scss */
.charts .sidebar a {
display: inline-block;
text-align: center;
......@@ -5181,7 +5169,7 @@ Extra-button is used to show total selected rows
/* line 74, ../sass/_bars-btns.scss */
.charts .sidebar a.disabled:hover span, .charts .sidebar a.disabled:focus span {
border-color: transparent; }
/* line 276, ../sass/_bars-btns.scss */
/* line 263, ../sass/_bars-btns.scss */
.charts .sidebar a.active {
display: inline-block;
text-align: center;
......@@ -5235,12 +5223,12 @@ Extra-button is used to show total selected rows
.charts .sidebar a.active.disabled:hover span, .charts .sidebar a.active.disabled:focus span {
color: #818181 !important; }
@media (max-width: 1200px) {
/* line 281, ../sass/_bars-btns.scss */
/* line 268, ../sass/_bars-btns.scss */
.charts .sidebar a, .charts .sidebar a.active {
margin-right: 10px;
display: inline-block; } }
/* line 289, ../sass/_bars-btns.scss */
/* line 276, ../sass/_bars-btns.scss */
.notify .reload-btn {
padding: 0 4px;
font-size: 18px;
......@@ -7559,42 +7547,41 @@ table .wrap {
position: relative;
padding: 8px;
display: none;
margin-bottom: 0;
margin-top: 20px; }
margin: 0; }
/* line 70, ../sass/_tables.scss */
/* line 69, ../sass/_tables.scss */
.table-items .headerSortUp span.caret {
border-top: 0;
border-bottom: 4px solid; }
/* line 77, ../sass/_tables.scss */
/* line 76, ../sass/_tables.scss */
#table-items-selected_filter label,
#table-items-total_filter label {
color: #222222; }
/* line 80, ../sass/_tables.scss */
/* line 79, ../sass/_tables.scss */
#table-items-selected_filter input,
#table-items-total_filter input {
color: #222222;
background: #ececec;
border: 1px solid #cccccc;
padding: 3px 5px; }
/* line 85, ../sass/_tables.scss */
/* line 84, ../sass/_tables.scss */
#table-items-selected_filter input:focus,
#table-items-total_filter input:focus {
outline: 0 none; }
/* line 91, ../sass/_tables.scss */
/* line 90, ../sass/_tables.scss */
#table-items-selected_wrapper {
padding: 10px;
border: 1px solid #e0e0e0;
margin-bottom: 20px;
display: none; }
/* line 101, ../sass/_tables.scss */
/* line 100, ../sass/_tables.scss */
div.dataTables_length {
padding-left: 2em;
padding-top: 0.55em; }
/* line 104, ../sass/_tables.scss */
/* line 103, ../sass/_tables.scss */
div.dataTables_length select {
width: 55px;
display: inline-block;
......@@ -7602,37 +7589,37 @@ div.dataTables_length {
vertical-align: baseline;
color: #222; }
/* line 113, ../sass/_tables.scss */
/* line 112, ../sass/_tables.scss */
table.dataTable tbody tr {
background-color: inherit; }
/* line 115, ../sass/_tables.scss */
/* line 114, ../sass/_tables.scss */
table.dataTable tbody tr.even {
background-color: #ececec; }
/* line 121, ../sass/_tables.scss */
/* line 120, ../sass/_tables.scss */
table.dataTable thead th,
table.dataTable thead td {
border-bottom: 1px solid white;
border-top: 1px solid #e0e0e0; }
/* line 125, ../sass/_tables.scss */
/* line 124, ../sass/_tables.scss */
table.dataTable tbody tr:hover {
background-color: #e0e0e0; }
/* line 128, ../sass/_tables.scss */
/* line 127, ../sass/_tables.scss */
table.dataTable tbody tr.selected {
color: #222222;
background-color: #cccccc; }
/* line 135, ../sass/_tables.scss */
/* line 134, ../sass/_tables.scss */
html body .dataTables_wrapper label {
font-weight: normal; }
/* line 139, ../sass/_tables.scss */
/* line 138, ../sass/_tables.scss */
html body .dataTables_wrapper table th.sorting, html body .dataTables_wrapper table th.sorting_asc, html body .dataTables_wrapper table th.sorting_desc {
background-position: center left;
padding-left: 22px; }
/* line 149, ../sass/_tables.scss */
/* line 148, ../sass/_tables.scss */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
......@@ -7641,32 +7628,32 @@ html body .dataTables_wrapper table th.sorting, html body .dataTables_wrapper ta
color: #222222;
line-height: 35px; }
/* line 155, ../sass/_tables.scss */
/* line 154, ../sass/_tables.scss */
table.dataTable.no-footer {
border-bottom: 1px solid #eeeeee;
margin: 2em 0; }
/* line 160, ../sass/_tables.scss */
/* line 159, ../sass/_tables.scss */
.dataTables_wrapper .dataTables_paginate .paginate_button {
color: #222222 !important;
padding: 0 1em; }
/* line 167, ../sass/_tables.scss */
/* line 166, ../sass/_tables.scss */
.container .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.container .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
background: transparent;
border-color: #222222;
color: #222222 !important; }
/* line 173, ../sass/_tables.scss */
/* line 172, ../sass/_tables.scss */
.container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
border-color: transparent;
color: #818181 !important; }
/* line 178, ../sass/_tables.scss */
/* line 177, ../sass/_tables.scss */
.container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus, .container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
color: #818181 !important; }
/* line 185, ../sass/_tables.scss */
/* line 184, ../sass/_tables.scss */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
......@@ -7674,11 +7661,11 @@ table.dataTable.no-footer {
color: #222222 !important;
border: transparent; }
/* line 191, ../sass/_tables.scss */
/* line 190, ../sass/_tables.scss */
.dataTables_wrapper > .custom-buttons {
margin-bottom: 1em; }
/* line 195, ../sass/_tables.scss */
/* line 194, ../sass/_tables.scss */
.dataTables_wrapper .dataTables_processing {
background: #ffa914;
color: white;
......@@ -7687,7 +7674,7 @@ table.dataTable.no-footer {
box-shadow: inset 0 0 5px #888888;
z-index: 1; }
/* line 203, ../sass/_tables.scss */
/* line 202, ../sass/_tables.scss */
.fixed {
position: fixed; }
......
......@@ -5058,47 +5058,35 @@ and light gray font colors
margin-right: 10px;
display: inline-block; } }
/* line 178, ../sass/_bars-btns.scss */
.sidebar.sidebar-fixed {
top: 80px;
left: auto;
right: auto;
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 170px;
float: left; }
/*
Positioning or customizing buttons
*/
/* line 196, ../sass/_bars-btns.scss */
/* line 183, ../sass/_bars-btns.scss */
.sidebar .custom-btn {
display: block;
margin: 0 0 1em; }
/* line 199, ../sass/_bars-btns.scss */
/* line 186, ../sass/_bars-btns.scss */
.sidebar .custom-btn span {
padding: 8px; }
/* line 205, ../sass/_bars-btns.scss */
/* line 192, ../sass/_bars-btns.scss */
body .custom-buttons {
float: left;
margin-right: 10px; }
/* line 208, ../sass/_bars-btns.scss */
/* line 195, ../sass/_bars-btns.scss */
body .custom-buttons .line-btn {
margin-right: 1em; }
/* line 211, ../sass/_bars-btns.scss */
/* line 198, ../sass/_bars-btns.scss */
body .custom-buttons .disabled {
display: none; }
/*
Extra-button is used to show total selected rows
*/
/* line 229, ../sass/_bars-btns.scss */
/* line 216, ../sass/_bars-btns.scss */
.extra-btn span {
display: inline-block; }
/* line 232, ../sass/_bars-btns.scss */
/* line 219, ../sass/_bars-btns.scss */
.extra-btn .badge {
background: transparent;
line-height: 0.8;
......@@ -5106,34 +5094,34 @@ Extra-button is used to show total selected rows
padding: 0 5px 0 0;
font-weight: normal;
font-size: 1em; }
/* line 239, ../sass/_bars-btns.scss */
/* line 226, ../sass/_bars-btns.scss */
.extra-btn .badge::before {
content: "("; }
/* line 242, ../sass/_bars-btns.scss */
/* line 229, ../sass/_bars-btns.scss */
.extra-btn .badge::after {
content: ")"; }
/* line 248, ../sass/_bars-btns.scss */
/* line 235, ../sass/_bars-btns.scss */
.show-hide-all {
float: right; }
/* line 250, ../sass/_bars-btns.scss */
/* line 237, ../sass/_bars-btns.scss */
.show-hide-all em {
font-style: normal; }
/* line 253, ../sass/_bars-btns.scss */
/* line 240, ../sass/_bars-btns.scss */
.show-hide-all.line-btn {
padding: 8px; }
/* line 255, ../sass/_bars-btns.scss */
/* line 242, ../sass/_bars-btns.scss */
.show-hide-all.line-btn span {
display: inline; }
/* line 262, ../sass/_bars-btns.scss */
/* line 249, ../sass/_bars-btns.scss */
.actions-per-item .custom-btn {
margin: 10px 10px 10px 0; }
/* line 267, ../sass/_bars-btns.scss */
/* line 254, ../sass/_bars-btns.scss */
.charts .chart {
display: none; }
/* line 271, ../sass/_bars-btns.scss */
/* line 258, ../sass/_bars-btns.scss */
.charts .sidebar a {
display: inline-block;
text-align: center;
......@@ -5181,7 +5169,7 @@ Extra-button is used to show total selected rows
/* line 74, ../sass/_bars-btns.scss */
.charts .sidebar a.disabled:hover span, .charts .sidebar a.disabled:focus span {
border-color: transparent; }
/* line 276, ../sass/_bars-btns.scss */
/* line 263, ../sass/_bars-btns.scss */
.charts .sidebar a.active {
display: inline-block;
text-align: center;
......@@ -5235,12 +5223,12 @@ Extra-button is used to show total selected rows
.charts .sidebar a.active.disabled:hover span, .charts .sidebar a.active.disabled:focus span {
color: #818181 !important; }
@media (max-width: 1200px) {
/* line 281, ../sass/_bars-btns.scss */
/* line 268, ../sass/_bars-btns.scss */
.charts .sidebar a, .charts .sidebar a.active {
margin-right: 10px;
display: inline-block; } }
/* line 289, ../sass/_bars-btns.scss */
/* line 276, ../sass/_bars-btns.scss */
.notify .reload-btn {
padding: 0 4px;
font-size: 18px;
......@@ -7559,42 +7547,41 @@ table .wrap {
position: relative;
padding: 8px;
display: none;
margin-bottom: 0;
margin-top: 20px; }
margin: 0; }
/* line 70, ../sass/_tables.scss */
/* line 69, ../sass/_tables.scss */
.table-items .headerSortUp span.caret {
border-top: 0;
border-bottom: 4px solid; }
/* line 77, ../sass/_tables.scss */
/* line 76, ../sass/_tables.scss */
#table-items-selected_filter label,
#table-items-total_filter label {
color: white; }
/* line 80, ../sass/_tables.scss */
/* line 79, ../sass/_tables.scss */
#table-items-selected_filter input,
#table-items-total_filter input {
color: #303030;
background: #eeeeee;
border: 1px solid transparent;
padding: 3px 5px; }
/* line 85, ../sass/_tables.scss */
/* line 84, ../sass/_tables.scss */
#table-items-selected_filter input:focus,
#table-items-total_filter input:focus {
outline: 0 none; }
/* line 91, ../sass/_tables.scss */
/* line 90, ../sass/_tables.scss */
#table-items-selected_wrapper {
padding: 10px;
border: 1px solid gray;
margin-bottom: 20px;
display: none; }
/* line 101, ../sass/_tables.scss */
/* line 100, ../sass/_tables.scss */
div.dataTables_length {
padding-left: 2em;
padding-top: 0.55em; }
/* line 104, ../sass/_tables.scss */
/* line 103, ../sass/_tables.scss */
div.dataTables_length select {
width: 55px;
display: inline-block;
......@@ -7602,37 +7589,37 @@ div.dataTables_length {
vertical-align: baseline;
color: #222; }
/* line 113, ../sass/_tables.scss */
/* line 112, ../sass/_tables.scss */
table.dataTable tbody tr {
background-color: inherit; }
/* line 115, ../sass/_tables.scss */
/* line 114, ../sass/_tables.scss */
table.dataTable tbody tr.even {
background-color: #3d3d3d; }
/* line 121, ../sass/_tables.scss */
/* line 120, ../sass/_tables.scss */
table.dataTable thead th,
table.dataTable thead td {
border-bottom: 1px solid white;
border-top: 1px solid white; }
/* line 125, ../sass/_tables.scss */
/* line 124, ../sass/_tables.scss */
table.dataTable tbody tr:hover {
background-color: #4f4f4f; }
/* line 128, ../sass/_tables.scss */
/* line 127, ../sass/_tables.scss */
table.dataTable tbody tr.selected {
color: #303030;
background-color: #eeeeee; }
/* line 135, ../sass/_tables.scss */
/* line 134, ../sass/_tables.scss */
html body .dataTables_wrapper label {
font-weight: normal; }
/* line 139, ../sass/_tables.scss */
/* line 138, ../sass/_tables.scss */
html body .dataTables_wrapper table th.sorting, html body .dataTables_wrapper table th.sorting_asc, html body .dataTables_wrapper table th.sorting_desc {
background-position: center left;
padding-left: 22px; }
/* line 149, ../sass/_tables.scss */
/* line 148, ../sass/_tables.scss */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
......@@ -7641,32 +7628,32 @@ html body .dataTables_wrapper table th.sorting, html body .dataTables_wrapper ta
color: white;
line-height: 35px; }
/* line 155, ../sass/_tables.scss */
/* line 154, ../sass/_tables.scss */
table.dataTable.no-footer {
border-bottom: 1px solid #eeeeee;
margin: 2em 0; }
/* line 160, ../sass/_tables.scss */
/* line 159, ../sass/_tables.scss */
.dataTables_wrapper .dataTables_paginate .paginate_button {
color: white !important;
padding: 0 1em; }
/* line 167, ../sass/_tables.scss */
/* line 166, ../sass/_tables.scss */
.container .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.container .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
background: transparent;
border-color: white;
color: white !important; }
/* line 173, ../sass/_tables.scss */
/* line 172, ../sass/_tables.scss */
.container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
border-color: transparent;
color: #818181 !important; }
/* line 178, ../sass/_tables.scss */
/* line 177, ../sass/_tables.scss */
.container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus, .container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
color: #818181 !important; }
/* line 185, ../sass/_tables.scss */
/* line 184, ../sass/_tables.scss */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
......@@ -7674,11 +7661,11 @@ table.dataTable.no-footer {
color: #303030 !important;
border: transparent; }
/* line 191, ../sass/_tables.scss */
/* line 190, ../sass/_tables.scss */
.dataTables_wrapper > .custom-buttons {
margin-bottom: 1em; }
/* line 195, ../sass/_tables.scss */
/* line 194, ../sass/_tables.scss */
.dataTables_wrapper .dataTables_processing {
background: #4e4e4e;
color: white;
......@@ -7687,7 +7674,7 @@ table.dataTable.no-footer {
box-shadow: inset 0 0 5px #888888;
z-index: 1; }
/* line 203, ../sass/_tables.scss */
/* line 202, ../sass/_tables.scss */
.fixed {
position: fixed; }
......
......@@ -514,18 +514,24 @@ $(document).ready(function() {
function clickSummary(row) {
$(row).find('td:last-child a.expand-area').click(function(e) {
e.preventDefault();
var $summaryTd = $(this).closest('td');
var $btn = $summaryTd.find('.expand-area span');
var $summaryContent = $summaryTd.find('.info-summary');
var summaryContentWidth = $summaryTd.closest('tr').width();
var summaryContPos = summaryContentWidth - $summaryTd.width() - parseInt($summaryContent.css('padding-left').replace("px", "")) + parseInt($summaryTd.css('padding-left').replace("px", ""));
$summaryContent.css({
width: summaryContentWidth +'px',
right: summaryContPos +'px'
});
$btn.toggleClass('snf-angle-up snf-angle-down');
var summaryContentHeight = $summaryTd.closest('tr').height() - parseInt($summaryTd.css('padding-top')) - $btn.height();
var summaryContPos = summaryContentWidth - $summaryTd.width()+ parseInt($summaryTd.css('padding-left'));
if ( $btn.hasClass('snf-angle-down')) {
$summaryContent.css({
width: summaryContentWidth,
right: summaryContPos,
paddingTop: summaryContentHeight,
});
}
$btn.toggleClass('snf-angle-up snf-angle-down');
$summaryContent.stop().slideToggle(600, function() {
if ($summaryContent.is(':visible')) {
$btn.removeClass('snf-angle-down').addClass('snf-angle-up');
......@@ -534,7 +540,6 @@ $(document).ready(function() {
$btn.removeClass('snf-angle-up').addClass('snf-angle-down');
}
});
})
};
......
......@@ -175,19 +175,6 @@ and light gray font colors
}
}