discourse/plugins/poll/assets/stylesheets/common/poll-ui-builder.scss
Jarek Radosz 6a65e5312b FEATURE: Add a preview to the poll builder (#7988)
* FEATURE: Add a preview to the poll builder

* Use selectKit helper in the poll preview test

* Extract the mobile-specific poll builder form CSS
2019-08-13 09:49:40 -04:00

64 lines
925 B
SCSS

$poll-margin: 10px;
.poll-ui-builder-form {
display: flex;
margin: 0;
.options {
flex-shrink: 0;
width: 280px;
}
.d-editor-preview {
margin-left: $poll-margin * 2;
width: 360px;
}
label {
font-weight: bold;
display: inline;
}
.tip {
display: block;
margin-bottom: $poll-margin * 1.5;
margin-top: $poll-margin / 2;
font-size: $font-down-1;
}
.poll-select {
margin-bottom: $poll-margin;
display: flex;
align-items: center;
}
.input-group-label {
min-width: 85px;
}
.poll-number {
margin: $poll-margin 0;
display: flex;
align-items: center;
input {
width: 70px;
}
}
.poll-textarea textarea {
width: 100%;
height: 90px;
box-sizing: border-box;
}
.poll-select + .poll-textarea {
margin-top: $poll-margin;
}
.poll-checkbox,
.poll-date {
margin-top: $poll-margin / 2;
}
}