99 lines
2.2 KiB
SCSS
99 lines
2.2 KiB
SCSS
@import "npm:bootstrap/scss/bootstrap";
|
|
@import "npm:bootstrap-icons/font/bootstrap-icons.css";
|
|
|
|
table {
|
|
/* table-layout: fixed; */
|
|
}
|
|
|
|
th, td {
|
|
}
|
|
|
|
.message-from-user {
|
|
max-width: 400px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.overflow-icon {
|
|
position: relative;
|
|
}
|
|
|
|
.overflow-icon::before {
|
|
display: block;
|
|
content: "";
|
|
vertical-align: -.125em;
|
|
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrows-expand' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8ZM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2ZM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10Z'/></svg>");
|
|
background-repeat: no-repeat;
|
|
background-size: 1rem 1rem;
|
|
position: absolute;
|
|
bottom: 2px;
|
|
right: 1px;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
|
|
.info-popover, .info-popover:link, .info-popover:visited, .info-popover:hover, .info-popover:active {
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
#previous-backups-list .backup-name {
|
|
float: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 90%;
|
|
}
|
|
|
|
#previous-backups-list .backup-delete {
|
|
float: right;
|
|
}
|
|
|
|
@include media-breakpoint-up(lg) {
|
|
#no-file-loaded-controls button {
|
|
min-width: 200px;
|
|
}
|
|
}
|
|
|
|
@include media-breakpoint-down(lg) {
|
|
/*
|
|
Remove padding from container, but keep it on stuff that isn't
|
|
navbar or chat messages.
|
|
*/
|
|
.container-lg {
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
#no-file-loaded-controls {
|
|
max-width: 200px;
|
|
}
|
|
|
|
#file-loaded-controls {
|
|
padding: 0.25rem;
|
|
}
|
|
|
|
/* Chat Display table stuff */
|
|
#chat-display table {
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.message-mobile-date-time {
|
|
width: 2em;
|
|
}
|
|
|
|
.message-from-user {
|
|
width: 6em;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
td.message-content div {
|
|
display: inline-block;
|
|
max-height: 100px;
|
|
}
|
|
}
|