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