infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

Poll styles

pull/1/head
David Benqué 2021-06-07 17:34:48 +01:00
parent e6dfdb8b56
commit 7f39114a3f
2 changed files with 33 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -197,6 +197,15 @@
.cp-form-page + .cp-form-send-container {
margin-top: 10px;
}
.cp-form-send-container {
text-align: center;
margin: 50px auto 100px auto;
button {
&:not(:last-child) {
margin-right: 10px;
}
}
}
.cp-form-page-container {
display: flex;
@ -210,11 +219,12 @@
justify-content: center;
}
button {
&.cp-next {
.fa {
margin-right: 0;
margin-left: 5px;
}
display: flex;
height: 38px;
align-items: center;
i {
margin-right: 0;
font-size: 25px;
}
}
}
@ -505,11 +515,19 @@
display: inline-flex;
align-items: center;
justify-content: center;
margin:5px;
&:first-child {
width: 200px;
}
button {
width: 100%;
border-top: 0px;
border-left: 0px;
background-color: @cp_form-bg1;
.fa{
margin-left:10px;
transform: rotate(-45deg);
}
}
}
.cp-poll-time-day {
@ -544,6 +562,7 @@
display: none;
}
color: @cp_form-poll-color;
font-size: 25px;
&[data-value="0"] {
background: @cp_form-poll-no;
.cp-no { display: inline; }
@ -560,7 +579,9 @@
div.cp-form-poll-choice {
cursor: pointer;
padding: 5px;
border: 5px double @cp_form-bg1;
//margin: 10px 0px 0px 10px;
//border: 1px solid @cryptpad_text_col;
color: @cryptpad_text_col;
}
div.cp-form-poll-answer {
color: @cp_form-poll-yes-color;

13
www/form/inner.js
View File

@ -86,7 +86,7 @@ define([
Messages.form_poll_text = "Text";
Messages.form_poll_day = "Day";
Messages.form_poll_time = "Time";
Messages.form_poll_switch = "Switch axes" // XXX DB
Messages.form_textType = "Text type";
Messages.form_text_text = "Text";
@ -676,6 +676,7 @@ define([
});
// Insert axis switch button
var switchAxis = h('button.btn.btn-default', [
Messages.form_poll_switch,
h('i.fa.fa-exchange'),
]);
els.unshift(h('div.cp-poll-cell.cp-poll-switch', switchAxis));
@ -2089,14 +2090,12 @@ define([
$page.empty();
if (!current || current < 1) { current = 1; }
if (current > pages) { current = pages; }
var left = h('button.btn.btn-secondary.small.cp-prev', [
h('i.fa.fa-chevron-left'),
h('span', Messages.form_page_prev)
var left = h('button.btn.btn-secondary.cp-prev', [
h('i.fa.fa-arrow-left'),
]);
var state = h('span', Messages._getKey('form_page', [current, pages]));
var right = h('button.btn.btn-secondary.small.cp-next', [
h('span', Messages.form_page_next),
h('i.fa.fa-chevron-right'),
var right = h('button.btn.btn-secondary.cp-next', [
h('i.fa.fa-arrow-right'),
]);
$(left).click(function () { refreshPage(current - 1); });
$(right).click(function () { refreshPage(current + 1); });