Commit | Line | Data |
---|---|---|
818e3018 | 1 | /* poll create/edit form */ |
50188033 | 2 | .pollOptionContainer .pollOptionInput { |
818e3018 AE |
3 | align-items: center; |
4 | margin: 5px 0; | |
8a52619a | 5 | |
818e3018 AE |
6 | /* using `display: flex` inside a native list-item is pretty weird */ |
7 | display: inline-flex; | |
8 | width: 100%; | |
8a52619a | 9 | |
818e3018 AE |
10 | > .icon { |
11 | flex: 0 0 auto; | |
12 | margin: 0 5px; | |
13 | } | |
8a52619a | 14 | |
818e3018 AE |
15 | > input { |
16 | flex: 1 1 auto; | |
17 | margin-left: 5px; | |
18 | } | |
19 | } | |
20 | ||
21 | /* displayed poll */ | |
22 | .pollContainer { | |
23 | border: 1px solid $wcfContentBorder; | |
24 | border-width: 1px 0; | |
8a52619a | 25 | margin-bottom: 10px; |
818e3018 AE |
26 | min-width: 300px; |
27 | padding: 10px 0; | |
8a52619a | 28 | |
3f578472 | 29 | @include screen-sm-up { |
3f035566 AE |
30 | &.pollContainerFullWidth { |
31 | margin-bottom: 20px; | |
32 | } | |
8a52619a | 33 | |
3f035566 AE |
34 | &:not(.pollContainerFullWidth) { |
35 | float: left; | |
36 | margin-right: 20px; | |
37 | max-width: 50%; | |
38 | } | |
3f578472 | 39 | } |
8a52619a | 40 | |
818e3018 AE |
41 | h2 { |
42 | @include wcfFontHeadline; | |
43 | } | |
8a52619a | 44 | |
818e3018 AE |
45 | .pollInnerContainer { |
46 | margin-top: 30px; | |
8a52619a | 47 | |
818e3018 AE |
48 | dd:not(:last-child) { |
49 | margin-bottom: 5px; | |
50 | } | |
51 | } | |
8a52619a | 52 | |
818e3018 AE |
53 | .formSubmit { |
54 | border-top: 1px solid $wcfContentBorderInner; | |
55 | padding-top: 10px; | |
56 | } | |
8a52619a | 57 | |
818e3018 AE |
58 | .pollResultItem { |
59 | & + .pollResultItem { | |
60 | margin-top: 20px; | |
61 | } | |
8a52619a | 62 | |
818e3018 AE |
63 | /* option name in result list */ |
64 | .pollResultItemCaption { | |
65 | align-items: flex-end; | |
66 | display: flex; | |
8a52619a | 67 | |
818e3018 AE |
68 | > .pollOptionName { |
69 | flex: 1 1 auto; | |
70 | } | |
8a52619a | 71 | |
818e3018 AE |
72 | > .pollOptionRelativeValue { |
73 | color: rgb(125, 130, 135); | |
74 | flex: 0 0 50px; | |
75 | text-align: right; | |
76 | } | |
77 | } | |
8a52619a | 78 | |
818e3018 AE |
79 | /* visual representation of relative votes per option */ |
80 | .pollMeter { | |
81 | background-color: $wcfContentBorderInner; | |
82 | height: 5px; | |
83 | margin-top: 5px; | |
8a52619a | 84 | |
818e3018 AE |
85 | > .pollMeterValue { |
86 | background-color: $wcfContentBorder; | |
87 | height: 100%; | |
88 | } | |
89 | } | |
90 | } | |
91 | } |