diff --git a/www/admin/app-admin.less b/www/admin/app-admin.less index 2989ebea3..242f368a2 100644 --- a/www/admin/app-admin.less +++ b/www/admin/app-admin.less @@ -4,377 +4,20 @@ * SPDX-License-Identifier: AGPL-3.0-or-later */ -@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 { +@import (reference) "../../customize/src/less2/include/limit-bar.less"; +@import (reference) "../../customize/src/less2/include/creation.less"; +@import (reference) '../../customize/src/less2/include/framework.less'; +@import (reference) '../../customize/src/less2/include/export.less'; +&.cp-app-admin { .framework_min_main(); .sidebar-layout_main(); - .support_main(); - .charts_main(); - - .cp-hidden { - display: none !important; - } - - label{ - margin-top:0.5rem; - } + .limit-bar_main(); + .creation_main(); display: flex; flex-flow: column; - - a { - color: @cryptpad_color_link; - text-decoration: underline; - } - - .alert.alert-info, .alert.alert-danger { - &.cp-admin-bigger-alert { - font-size: 16px; - } - } - - .cp-sidebarlayout-element { - label:not(.cp-admin-label) { - font-weight: normal !important; - } - input { - max-width: 25rem; - } - nav { - display: flex; - margin-top: 0.5rem; - } - } - .cp-admin-setlimit-form, - .cp-admin-setter { - + button { - margin-top: 5px !important; - } - } - .cp-admin-getlimits { - td { - overflow: hidden; - text-overflow: ellipsis; - } - 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) { - button.cp-report { - display: none; - } - :is(td, th).note { - display: none; - } - } - @media screen and (max-width: 1400px) { - :is(td, th).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; - button i { - margin-right: 0px; - } - } - } - .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-users { - .cp-admin-store-invited, .cp-admin-store-sso { - margin-bottom: 0 !important; - } - } - - .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; - } - table.cp-admin-all-limits, - table.cp-metadata-history, - table.cp-account-stats, - table.cp-block-stats, - table.cp-pin-list, - table.cp-document-stats { - @color: #777; // TODO use a colotheme variable - border: 1px solid @color; - margin: 15px; - td, pre { - color: @cryptpad_text_col; - } - td, th { - max-width: 60vw; - border: 1px solid @color; - padding: 5px; - .scroll { - max-width: 500px; - overflow-x: auto; - } - } - } + font: @colortheme_app-font; } diff --git a/www/admin/index.html b/www/admin/index.html index afde85cbd..c8c6384bb 100644 --- a/www/admin/index.html +++ b/www/admin/index.html @@ -17,4 +17,5 @@ SPDX-License-Identifier: AGPL-3.0-or-later
+