The_Great_Archive/cryptpad
1
0
Fork 0
mirror of https://github.com/cryptpad/cryptpad.git synced 2026-09-14 11:05:41 +05:00
Code Issues Packages Projects Releases Wiki Activity

Toggle styled horizontally

Browse Source
This commit is contained in:
zuzanna-maria 2025-02-27 15:03:59 +01:00
parent b3fb8b748a
commit 242383853c
2 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
www/form/app-form.less
View File

@ -203,25 +203,24 @@
//flex-wrap: wrap;
overflow: auto;
.cp-form-view-drag {
width: 30px;
height: 30px;
border: none;
border-radius: @variables_radius 0px 0px @variables_radius;
background-color: @cp_form-bg1;
color: @cryptpad_text_col;
@media (max-width:723px) and (min-width:693px), (max-width:553px) and (min-width:524px), (max-width:379px) and (min-width:350px) {
border-radius: @variables_radius @variables_radius 0px 0px;
.cp-drag-container {
display: flex;
flex-direction: row;
.cp-form-view-drag {
width: 30px;
height: 30px;
border: none;
border-radius: @variables_radius 0px 0px @variables_radius;
background-color: @cp_form-bg1;
color: @cryptpad_text_col;
&.cp-toggle-active {
color: @cp_form-bg1;
background-color: @cryptpad_text_col;
}
}
&.cp-toggle-active {
color: @cp_form-bg1;
background-color: @cryptpad_text_col;
}
}
#cp-toggle-drag-on {
border-radius: 0px @variables_radius @variables_radius 0px !important;
@media (max-width:723px) and (min-width:693px), (max-width:553px) and (min-width:524px), (max-width:379px) and (min-width:350px) {
border-radius: 0px 0px @variables_radius @variables_radius !important;
#cp-toggle-drag-on {
border-radius: 0px @variables_radius @variables_radius 0px !important;
}
}

2
www/form/inner.js
View File

@ -5159,7 +5159,7 @@ define([
$(toggleDragOn).click(updateDrag(true));
$(toggleDragOff).click(updateDrag(false));
var drag = h('div', [
var drag = h('div.cp-drag-container', [
toggleDragOff,
toggleDragOn
]);