|
|
@import (reference) '../../customize/src/less2/include/framework.less';
|
|
|
@import (reference) '../../customize/src/less2/include/sidebar-layout.less';
|
|
|
@import (reference) '../../customize/src/less2/include/support.less';
|
|
|
@import (reference) '../../customize/src/less2/include/charts.less';
|
|
|
|
|
|
&.cp-app-admin {
|
|
|
|
|
|
.framework_min_main();
|
|
|
.sidebar-layout_main();
|
|
|
.support_main();
|
|
|
.charts_main();
|
|
|
|
|
|
.cp-hidden {
|
|
|
display: none !important;
|
|
|
}
|
|
|
|
|
|
display: flex;
|
|
|
flex-flow: column;
|
|
|
a {
|
|
|
color: @cryptpad_color_link;
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
|
|
|
.cp-admin-setlimit-form, .cp-admin-broadcast-form {
|
|
|
label {
|
|
|
font-weight: normal !important;
|
|
|
}
|
|
|
input {
|
|
|
max-width: 400px;
|
|
|
}
|
|
|
nav {
|
|
|
display: flex;
|
|
|
margin-top: 5px;
|
|
|
}
|
|
|
}
|
|
|
.cp-admin-setlimit-form + button {
|
|
|
margin-top: 5px !important;
|
|
|
}
|
|
|
.cp-admin-getlimits {
|
|
|
code {
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
table {
|
|
|
td:not(:last-child) {
|
|
|
padding-right: 20px;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
td:last-child {
|
|
|
min-width: 0;
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
max-width: 500px;
|
|
|
}
|
|
|
@media screen and (max-width: 1200px) {
|
|
|
td.note {
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
@media screen and (max-width: 1400px) {
|
|
|
td.plan {
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.cp-support-container {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
.cp-support-column {
|
|
|
min-width: 700px;
|
|
|
flex: 1 0 50%;
|
|
|
h1 {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
button {
|
|
|
margin-left: 50px !important;
|
|
|
}
|
|
|
}
|
|
|
.cp-support-count {
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
&.cp-support-column-collapsed {
|
|
|
.cp-support-list-ticket {
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.cp-support-list-actions {
|
|
|
margin: 10px 0px 10px 2px;
|
|
|
}
|
|
|
|
|
|
.cp-support-list-ticket {
|
|
|
h2 {
|
|
|
font-size: 1.5rem;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: top;
|
|
|
.cp-support-title-buttons {
|
|
|
flex-shrink: 0;
|
|
|
}
|
|
|
}
|
|
|
.cp-support-collapsed {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
flex-wrap: wrap;
|
|
|
color: fade(@cryptpad_text_col, 80%);
|
|
|
.cp-support-ispremium {
|
|
|
padding: 0 5px;
|
|
|
background-color: @cp_admin-premium-bg;
|
|
|
}
|
|
|
}
|
|
|
&.cp-support-list-closed {
|
|
|
.cp-support-list-actions {
|
|
|
.cp-support-answer {
|
|
|
display: inline !important;
|
|
|
}
|
|
|
}
|
|
|
.cp-support-form-container {
|
|
|
display: block !important;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.cp-support-list-ticket:not(.cp-support-list-closed) {
|
|
|
.cp-support-list-actions {
|
|
|
.cp-button-confirm, .cp-support-close {
|
|
|
order: 20;
|
|
|
margin-left: auto !important;
|
|
|
}
|
|
|
}
|
|
|
.cp-support-list-message {
|
|
|
.cp-support-showdata {
|
|
|
background-color: lighten(@cp_admin-last-bg, 5%);
|
|
|
}
|
|
|
.cp-support-attachments {
|
|
|
a {
|
|
|
color: @cryptpad_color_link;
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
}
|
|
|
&:last-child:not(.cp-support-fromadmin) {
|
|
|
color: @cp_admin-last-fg;
|
|
|
background-color: @cp_admin-last-bg;
|
|
|
}
|
|
|
|
|
|
&:last-child {
|
|
|
&.cp-support-frompremium {
|
|
|
background-color: @cp_admin-premium-bg;
|
|
|
.cp-support-showdata {
|
|
|
background-color: fade(@cp_admin-premium-bg, 10%);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.cp-support-list-ticket:not(.cp-support-open) {
|
|
|
span:first-child {
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
& > :not(h2):not(.cp-support-collapsed) {
|
|
|
display: none;
|
|
|
}
|
|
|
.cp-support-collapse {
|
|
|
display: none;
|
|
|
}
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.cp-support-list-ticket.cp-support-open {
|
|
|
.cp-support-collapsed {
|
|
|
display: none;
|
|
|
}
|
|
|
.cp-support-expand {
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.cp-support-fromadmin {
|
|
|
background-color: @cp_admin-isadmin-bg !important;
|
|
|
.cp-support-message-from, .cp-support-showdata {
|
|
|
color: @cryptpad_text_col;
|
|
|
background-color: fade(@cp_admin-isadmin-bg, 10%) !important;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
table#cp-performance-table {
|
|
|
td, th {
|
|
|
padding: 5px;
|
|
|
color: @cryptpad_text_col;
|
|
|
border: 1px solid @cryptpad_text_col;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
input.cp-admin-inval {
|
|
|
border-color: red !important;
|
|
|
}
|
|
|
.cp-admin-nopassword {
|
|
|
.cp-admin-pw {
|
|
|
display: none !important;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.cp-admin-radio-container {
|
|
|
display: flex;
|
|
|
align-items: left; //center;
|
|
|
flex-wrap: wrap;
|
|
|
flex-direction: column;
|
|
|
label {
|
|
|
margin-right: 40px;
|
|
|
margin-top: 5px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.cp-admin-broadcast-form {
|
|
|
input.flatpickr-input {
|
|
|
width: 307.875px !important; // same width as flatpickr calendar
|
|
|
}
|
|
|
.cp-broadcast-active {
|
|
|
display: flex;
|
|
|
flex-flow: column;
|
|
|
align-items: start;
|
|
|
padding: 10px;
|
|
|
background-color: @cp_sidebar-left-bg;
|
|
|
color: @cp_sidebar-left-fg;
|
|
|
p {
|
|
|
margin: 0;
|
|
|
}
|
|
|
}
|
|
|
.cp-broadcast-form-submit {
|
|
|
margin-top: 30px;
|
|
|
button {
|
|
|
margin-bottom: 10px !important;
|
|
|
}
|
|
|
}
|
|
|
.cp-broadcast-container {
|
|
|
display: flex;
|
|
|
flex-flow: column;
|
|
|
}
|
|
|
.cp-broadcast-lang {
|
|
|
margin: 30px;
|
|
|
margin-bottom: 0;
|
|
|
display: flex;
|
|
|
flex-flow: column;
|
|
|
align-items: baseline;
|
|
|
.cp-checkmark {
|
|
|
margin: 5px 0;
|
|
|
}
|
|
|
}
|
|
|
div.cp-broadcast-languages {
|
|
|
& > label.cp-checkmark:not(:last-child) {
|
|
|
margin-right: 20px;
|
|
|
}
|
|
|
}
|
|
|
.cp-broadcast-preview {
|
|
|
vertical-align: bottom !important;
|
|
|
}
|
|
|
.cp-broadcast-delete {
|
|
|
width: 100%;
|
|
|
min-width: 600px;
|
|
|
tbody {
|
|
|
tr {
|
|
|
background-color: @cp_support-msg-bg;
|
|
|
padding: 5px;
|
|
|
td {
|
|
|
padding: 5px;
|
|
|
button {
|
|
|
margin: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.cp-notification {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
.cp-avatar, .cp-broadcast, .cp-notification-dismiss {
|
|
|
display: none;
|
|
|
}
|
|
|
p {
|
|
|
margin: 0 !important;
|
|
|
}
|
|
|
.cp-notification-content {
|
|
|
width: 100%;
|
|
|
padding: 10px;
|
|
|
}
|
|
|
.cp-clickable {
|
|
|
cursor: pointer;
|
|
|
&:hover {
|
|
|
background-color: @cp_dropdown-bg-hover;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
span.cp-bar.profiling-percentage {
|
|
|
text-align: center;
|
|
|
padding: 5px;
|
|
|
}
|
|
|
span.profiling-label {
|
|
|
position: absolute;
|
|
|
z-index: 1;
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
padding: 5px;
|
|
|
}
|
|
|
#profiling-chart {
|
|
|
.cp-bar-container {
|
|
|
max-width: 400px;
|
|
|
}
|
|
|
}
|
|
|
.width-constrained {
|
|
|
max-width: 800px;
|
|
|
}
|
|
|
.cp-charts-row.heading {
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
}
|
|
|
|