Skip to content

GitLab

S
synnefo
Commit 4b4240dc authored by Olga Brani's avatar Olga Brani Committed by Alex Pyrgiotis
Browse files
Options

admin-ui: Wrap/truncate user controllable strings 

Fix aprygio/synnefo#229
parent ac1cf27f
Hide whitespace changes
Inline Side-by-side
Showing with 157 additions and 94 deletions
snf-admin-app/synnefo_admin/admin/static/css/extra.css
View file @ 4b4240dc
......@@ -2370,94 +2370,100 @@ Extra-button is used to show total selected rows
content: "\24";
}
/* line 2, ../sass/_details.scss */
/* line 3, ../sass/_details.scss */
.main {
margin: 2em 0 5em;
}
/* line 4, ../sass/_details.scss */
/* line 5, ../sass/_details.scss */
.main h4 .title {
font-size: 24px;
}
/* line 7, ../sass/_details.scss */
/* line 8, ../sass/_details.scss */
.main .rt {
padding-top: 5px;
}
/* line 10, ../sass/_details.scss */
/* line 11, ../sass/_details.scss */
.main .actions-per-item {
padding: 0;
}
/* line 16, ../sass/_details.scss */
/* line 17, ../sass/_details.scss */
.object-details h4 {
font-size: 14px;
letter-spacing: 1px;
}
/* line 19, ../sass/_details.scss */
/* line 20, ../sass/_details.scss */
.object-details h4 .lt {
display: block;
float: left;
max-width: 60%;
word-wrap: break-word;
}
/* line 25, ../sass/_details.scss */
/* line 26, ../sass/_details.scss */
.object-details h4 .rt {
padding-top: 5px;
display: block;
overflow: hidden;
}
/* line 30, ../sass/_details.scss */
/* line 31, ../sass/_details.scss */
.object-details h4 .arrow {
position: relative;
padding: 0 8px;
}
/* line 33, ../sass/_details.scss */
/* line 34, ../sass/_details.scss */
.object-details h4 .arrow:hover {
top: 2px;
cursor: pointer;
}
/* line 38, ../sass/_details.scss */
/* line 39, ../sass/_details.scss */
.object-details h4 .label {
float: right;
margin-left: 15px;
margin-bottom: 10px;
}
/* line 42, ../sass/_details.scss */
/* line 43, ../sass/_details.scss */
.object-details h4 .label.important {
font-weight: bold;
}
/* line 46, ../sass/_details.scss */
/* line 47, ../sass/_details.scss */
.object-details h4 em {
float: none;
}
/* line 48, ../sass/_details.scss */
/* line 49, ../sass/_details.scss */
.object-details h4 em.os-info {
float: right;
position: relative;
bottom: 3px;
}
/* line 52, ../sass/_details.scss */
/* line 53, ../sass/_details.scss */
.object-details h4 em.os-info img {
height: 26px;
}
/* line 58, ../sass/_details.scss */
/* line 59, ../sass/_details.scss */
.object-details h3 {
font-size: 18px;
margin: 0 0 1em;
font-weight: 400;
line-height: 35px;
}
/* line 63, ../sass/_details.scss */
/* line 64, ../sass/_details.scss */
.object-details h3 em {
margin-left: 10px;
font-size: 14px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 50%;
vertical-align: top;
}
/* line 67, ../sass/_details.scss */
/* line 72, ../sass/_details.scss */
.object-details h3 span[class^="snf-details"] {
float: left;
margin-right: 8px;
font-size: 35px;
}
/* line 72, ../sass/_details.scss */
/* line 77, ../sass/_details.scss */
.object-details h3 .popover-dismiss {
display: inline-block;
width: 24px;
......@@ -2474,52 +2480,52 @@ Extra-button is used to show total selected rows
margin-left: 10px;
color: #eeeeee;
}
/* line 82, ../sass/_details.scss */
/* line 87, ../sass/_details.scss */
.object-details h3 .popover-dismiss:hover {
background: #686868;
}
/* line 87, ../sass/_details.scss */
/* line 92, ../sass/_details.scss */
.object-details h3 .popover .popover-content {
font-size: 12px;
color: #303030;
line-height: 130%;
}
/* line 94, ../sass/_details.scss */
/* line 99, ../sass/_details.scss */
.object-details .icon-link {
margin-right: 10px;
}
/* line 97, ../sass/_details.scss */
/* line 102, ../sass/_details.scss */
.object-details p {
margin: 10px 20px;
font-style: italic;
}
/* line 102, ../sass/_details.scss */
/* line 107, ../sass/_details.scss */
.object-details .length {
margin-left: 6px;
border: 0 none;
font-style: italic;
}
/* line 106, ../sass/_details.scss */
/* line 111, ../sass/_details.scss */
.object-details .length::before {
content: '( ';
}
/* line 109, ../sass/_details.scss */
/* line 114, ../sass/_details.scss */
.object-details .length::after {
content: ' )';
}
/* line 113, ../sass/_details.scss */
/* line 118, ../sass/_details.scss */
.object-details > .object-details {
margin-left: -20px;
margin-right: -20px;
padding: 12px 20px;
}
/* line 121, ../sass/_details.scss */
/* line 126, ../sass/_details.scss */
.object-details-content .nav-tabs > li a {
opacity: 0.7;
color: white;
}
/* line 125, ../sass/_details.scss */
/* line 130, ../sass/_details.scss */
.object-details-content .nav-tabs > li.active > a {
opacity: 1;
border-color: transparent;
......@@ -2527,7 +2533,7 @@ Extra-button is used to show total selected rows
color: white;
border-radius: 0;
}
/* line 132, ../sass/_details.scss */
/* line 137, ../sass/_details.scss */
.object-details-content .nav-tabs > li:not(.active) > a:hover {
opacity: 1;
color: white;
......@@ -2535,56 +2541,65 @@ Extra-button is used to show total selected rows
background: transparent;
}
/* line 140, ../sass/_details.scss */
/* line 145, ../sass/_details.scss */
.tab-pane {
overflow: auto;
}
/* line 145, ../sass/_details.scss */
/* line 150, ../sass/_details.scss */
.part-two h2 {
font-size: 24px;
margin-bottom: 2em;
padding-top: 1em;
border-top: 2px solid #818181;
}
/* line 152, ../sass/_details.scss */
/* line 155, ../sass/_details.scss */
.part-two h2 em {
max-width: 50%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
}
/* line 164, ../sass/_details.scss */
.part-two > .object-details {
border-bottom: 2px solid #818181;
background: #383838;
padding: 14px 20px;
}
/* line 156, ../sass/_details.scss */
/* line 168, ../sass/_details.scss */
.part-two > .object-details .object-details {
padding: 5px 20px;
}
/* line 158, ../sass/_details.scss */
/* line 170, ../sass/_details.scss */
.part-two > .object-details .object-details:hover {
background: #3d3d3d;
}
/* line 163, ../sass/_details.scss */
/* line 175, ../sass/_details.scss */
.part-two > .object-details .custom-btn span {
padding: 5px;
}
/* line 168, ../sass/_details.scss */
/* line 180, ../sass/_details.scss */
.part-two .object-details-content {
padding: 0 35px;
}
/* line 200, ../sass/_details.scss */
/* line 212, ../sass/_details.scss */
.show-hide-all span.snf-font-arrow-up {
display: none;
padding: 0;
}
/* line 205, ../sass/_details.scss */
/* line 217, ../sass/_details.scss */
.show-hide-all span.snf-font-arrow-down {
display: inline;
padding: 0;
}
/* line 211, ../sass/_details.scss */
/* line 223, ../sass/_details.scss */
.show-hide-all.open .snf-font-arrow-up {
display: inline;
}
/* line 214, ../sass/_details.scss */
/* line 226, ../sass/_details.scss */
.show-hide-all.open .snf-font-arrow-down {
display: none;
}
......@@ -2983,8 +2998,9 @@ table th {
.table-selected-main:not(.table-selected) td:last-child .summary-expand:hover,
.table-items:not(.table-selected) td:last-child .summary-expand:hover {
text-decoration: none;
background-color: #83b8e4;
}
/* line 56, ../sass/_tables.scss */
/* line 57, ../sass/_tables.scss */
.table-selected-main:not(.table-selected) td:last-child dl,
.table-items:not(.table-selected) td:last-child dl {
position: relative;
......@@ -2994,13 +3010,13 @@ table th {
margin-top: 20px;
}
/* line 66, ../sass/_tables.scss */
/* line 67, ../sass/_tables.scss */
.table-items .headerSortUp span.caret {
border-top: 0;
border-bottom: 4px solid;
}
/* line 74, ../sass/_tables.scss */
/* line 75, ../sass/_tables.scss */
#table-items-total_filter input,
#table-items-selected_filter input {
display: inline-block;
......@@ -3010,13 +3026,13 @@ table th {
padding: 5px;
border: 0 none;
}
/* line 82, ../sass/_tables.scss */
/* line 83, ../sass/_tables.scss */
#table-items-total_filter label,
#table-items-selected_filter label {
color: white;
}
/* line 87, ../sass/_tables.scss */
/* line 88, ../sass/_tables.scss */
#table-items-selected_wrapper {
padding: 10px;
border: 1px solid gray;
......@@ -3024,12 +3040,12 @@ table th {
display: none;
}
/* line 97, ../sass/_tables.scss */
/* line 98, ../sass/_tables.scss */
div.dataTables_length {
padding-left: 2em;
padding-top: 0.55em;
}
/* line 100, ../sass/_tables.scss */
/* line 101, ../sass/_tables.scss */
div.dataTables_length select {
width: 55px;
display: inline-block;
......@@ -3037,7 +3053,7 @@ div.dataTables_length select {
vertical-align: baseline;
}
/* line 110, ../sass/_tables.scss */
/* line 111, ../sass/_tables.scss */
.container .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background-image: -webkit-linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
......@@ -3047,44 +3063,44 @@ div.dataTables_length select {
border: 1px solid #345578;
}
/* line 119, ../sass/_tables.scss */
/* line 120, ../sass/_tables.scss */
table.dataTable tbody tr {
background-color: inherit;
}
/* line 121, ../sass/_tables.scss */
/* line 122, ../sass/_tables.scss */
table.dataTable tbody tr.even {
background-color: #3d3d3d;
}
/* line 127, ../sass/_tables.scss */
/* line 128, ../sass/_tables.scss */
table.dataTable thead th,
table.dataTable thead td {
border-bottom: 1px solid white;
border-top: 1px solid #707070;
}
/* line 131, ../sass/_tables.scss */
/* line 132, ../sass/_tables.scss */
table.dataTable tbody tr:hover {
background-color: #4f4f4f;
}
/* line 134, ../sass/_tables.scss */
/* line 135, ../sass/_tables.scss */
table.dataTable tbody tr.selected {
background-color: #eeeeee;
color: #303030;
}
/* line 141, ../sass/_tables.scss */
/* line 142, ../sass/_tables.scss */
html body .dataTables_wrapper label {
font-weight: normal;
}
/* line 145, ../sass/_tables.scss */
/* line 146, ../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 155, ../sass/_tables.scss */
/* line 156, ../sass/_tables.scss */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
......@@ -3094,42 +3110,42 @@ html body .dataTables_wrapper table th.sorting, html body .dataTables_wrapper ta
line-height: 35px;
}
/* line 161, ../sass/_tables.scss */
/* line 162, ../sass/_tables.scss */
table.dataTable.no-footer {
border-bottom: 1px solid #eeeeee;
margin: 2em 0;
}
/* line 166, ../sass/_tables.scss */
/* line 167, ../sass/_tables.scss */
.dataTables_wrapper .dataTables_paginate .paginate_button {
color: white !important;
padding: 0 1em;
}
/* line 171, ../sass/_tables.scss */
/* line 172, ../sass/_tables.scss */
.container .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background: #303030;
border-color: white;
}
/* line 176, ../sass/_tables.scss */
/* line 177, ../sass/_tables.scss */
.container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
border-color: transparent;
}
/* line 181, ../sass/_tables.scss */
/* line 182, ../sass/_tables.scss */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background: white;
border: transparent;
}
/* line 186, ../sass/_tables.scss */
/* line 187, ../sass/_tables.scss */
.dataTables_wrapper > .custom-buttons {
margin-bottom: 1em;
}
/* line 190, ../sass/_tables.scss */
/* line 191, ../sass/_tables.scss */
.dataTables_wrapper .dataTables_processing {
background: #4e4e4e;
color: white;
......@@ -3139,7 +3155,7 @@ table.dataTable.no-footer {
z-index: 1;
}
/* line 198, ../sass/_tables.scss */
/* line 199, ../sass/_tables.scss */
.fixed {
position: fixed;
}
......@@ -3541,34 +3557,43 @@ svg > text:last-child {
.sub-nav .nav > li > a {
color: #eeeeee;
}
/* line 257, ../sass/extra.scss */
/* line 255, ../sass/extra.scss */
.sub-nav .nav > li > a i {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 200px;
vertical-align: bottom;
}
/* line 263, ../sass/extra.scss */
.sub-nav .nav > li:hover a {
color: #303030;
}
/* line 264, ../sass/extra.scss */
/* line 270, ../sass/extra.scss */
.tab-content {
background: #4e4e4e;
padding: 20px;
}
/* line 267, ../sass/extra.scss */
/* line 273, ../sass/extra.scss */
.tab-content .well {
border-color: #4e4e4e;
}
/* line 273, ../sass/extra.scss */
/* line 279, ../sass/extra.scss */
.content-seperator {
display: none;
}
/* line 278, ../sass/extra.scss */
/* line 284, ../sass/extra.scss */
.selection-indicator {
margin-right: 6px;
cursor: pointer;
padding: 0 6px;
}
/* line 284, ../sass/extra.scss */
/* line 290, ../sass/extra.scss */
.notify {
padding: 30px 10px 15px;
width: 100%;
......@@ -3577,91 +3602,91 @@ svg > text:last-child {
background: white;
color: #303030;
}
/* line 292, ../sass/extra.scss */
/* line 298, ../sass/extra.scss */
.notify .container > *:not(:last-child) {
margin-bottom: 16px;
}
/* line 295, ../sass/extra.scss */
/* line 301, ../sass/extra.scss */
.notify .remove-icon {
color: transparent;
margin-left: 20px;
font-weight: bold;
}
/* line 301, ../sass/extra.scss */
/* line 307, ../sass/extra.scss */
.notify .container > *:hover .remove-icon {
color: #d9534f;
}
/* line 305, ../sass/extra.scss */
/* line 311, ../sass/extra.scss */
.notify .state-icon {
margin-right: 10px;
}
/* line 308, ../sass/extra.scss */
/* line 314, ../sass/extra.scss */
.notify .success {
color: #449d44;
}
/* line 311, ../sass/extra.scss */
/* line 317, ../sass/extra.scss */
.notify .error {
color: #d9534f;
}
/* line 314, ../sass/extra.scss */
/* line 320, ../sass/extra.scss */
.notify .pending {
color: #f0ad4e;
}
/* line 317, ../sass/extra.scss */
/* line 323, ../sass/extra.scss */
.notify em {
font-style: normal;
font-weight: bold;
}
/* line 321, ../sass/extra.scss */
/* line 327, ../sass/extra.scss */
.notify .warning {
font-style: italic;
font-weight: bold;
color: #4e4e4e;
}
/* line 326, ../sass/extra.scss */
/* line 332, ../sass/extra.scss */
.notify .close-notify {
position: absolute;
right: 20px;
top: 20px;
color: #303030;
}
/* line 331, ../sass/extra.scss */
/* line 337, ../sass/extra.scss */
.notify .close-notify:hover {
color: #222222;
}
/* line 335, ../sass/extra.scss */
/* line 341, ../sass/extra.scss */
.notify .dl-horizontal {
margin-left: 21px;
}
/* line 339, ../sass/extra.scss */
/* line 345, ../sass/extra.scss */
.notify .dl-horizontal dt {
width: 80px;
vertical-align: top;
text-align: left;
}
/* line 343, ../sass/extra.scss */
/* line 349, ../sass/extra.scss */
.notify .dl-horizontal dt span {
font-size: 20px;
vertical-align: text-bottom;
margin-right: 10px;
}
/* line 349, ../sass/extra.scss */
/* line 355, ../sass/extra.scss */
.notify .dl-horizontal dd {
margin-left: 80px;
}
/* line 355, ../sass/extra.scss */
/* line 361, ../sass/extra.scss */
.lowercase {
text-transform: lowercase;
}
/* line 359, ../sass/extra.scss */
/* line 365, ../sass/extra.scss */
.book-icon {
font-size: 20px;
vertical-align: sub;
}
/* line 367, ../sass/extra.scss */
/* line 373, ../sass/extra.scss */
.shortcuts .key {
padding: 2px 9px;
font-style: normal;
......@@ -3670,20 +3695,30 @@ svg > text:last-child {
border-radius: 6px;
}
/* line 376, ../sass/extra.scss */
/* line 382, ../sass/extra.scss */
body > .popover {
max-width: none;
color: black;
margin-bottom: 20px;
}
/* line 381, ../sass/extra.scss */
/* line 387, ../sass/extra.scss */
body > .popover h2 {
text-align: center;
font-size: 1.2em;
font-weight: bold;
}
/* line 386, ../sass/extra.scss */
/* line 392, ../sass/extra.scss */
body > .popover dt {
margin-bottom: 8px;
overflow: visible;
}
/* line 398, ../sass/extra.scss */
.dl-horizontal dt, .dl-horizontal dd {
word-wrap: break-word;
}
/* line 403, ../sass/extra.scss */
.tooltip-inner {
word-wrap: break-word;
}