New support: responsiveness

This commit is contained in:
yflory 2024-03-06 14:04:57 +01:00
parent a8ae2eb6eb
commit b943930948
3 changed files with 12 additions and 4 deletions

View file

@ -8,7 +8,7 @@
@import (reference) "/customize/src/less2/include/leftside-menu.less";
@import (reference) "/customize/src/less2/include/browser.less";
@sidebar_button-width: 400px;
@sidebar_button-width: 25rem;;
.sidebar-layout_main() {
--LessLoader_require: LessLoader_currentFile();

View file

@ -6,12 +6,14 @@
@import (reference) "./colortheme-all.less";
@import (reference) './tokenfield.less';
@import (reference) './sidebar-layout.less';
.support_main () {
@ticket-bg: @cp_support-bg;
@msg-bg: @cp_support-msg-bg;
@fromme-bg: @cp_support-header-bg;
.tokenfield_main();
.cp-support-form-container {
max-width: 100%;
div {
margin-bottom: 10px;
}

View file

@ -55,18 +55,24 @@
.cp-moderation-userdata {
display: flex;
align-items: center;
input, textarea {
width: 25rem !important;
max-width: 25rem;
max-width: 100%;
width: 2*@sidebar_button-width;
input {
//width: @sidebar_button-width !important;
//max-width: @sidebar_button-width;
}
textarea {
margin: 0;
height: 5rem;
min-width: 5rem;
flex: 1;
}
.cp-moderation-userdata-inputs {
display: flex;
flex-flow: column;
margin-right: 1rem;
min-width: 10rem;
width: 25rem;
:first-child {
margin-top: 0 !important;
}