Mirror of https://github.com/roostorg/osprey
github.com/roostorg/osprey
1.checkboxGrid {
2 display: grid !important;
3 grid-row-gap: 8px;
4}
5
6.innerCheckboxGrid {
7 display: flex;
8 flex-direction: column;
9}
10
11.category {
12 text-transform: capitalize;
13}
14
15.featureCheckboxRow {
16 padding: 10px 0;
17 color: var(--text-light-primary);
18}
19
20.featureSpan {
21 padding-left: 2px;
22 word-break: break-all;
23}
24
25.switchSpan {
26 display: flex;
27 margin-top: 16px;
28 padding: 8px 0;
29}
30
31.switch {
32 margin-right: 8px;
33}
34
35.disabled {
36 color: var(--text-light-disabled);
37}
38
39.featureModal :global(.ant-modal-content) {
40 max-height: 80vh;
41 display: flex;
42 flex-direction: column;
43}
44
45.featureModal :global(.ant-modal-header) {
46 padding: 16px;
47 margin-bottom: 16px;
48 border-bottom: unset;
49}
50
51.featureModal :global(.ant-modal-body) {
52 overflow: scroll;
53}
54
55.featureModal :global(.ant-input-group) {
56 position: absolute;
57 border-top: 1px solid var(--divider);
58 border-bottom: 1px solid var(--divider);
59 margin: 0 -16px;
60}
61
62.featureModal :global(.ant-input-group-addon) {
63 background: unset;
64 border: unset;
65 padding: unset;
66 padding-left: 18px;
67 padding-right: 12px;
68}
69
70.featureModal :global(.ant-input-affix-wrapper) {
71 display: flex;
72 border: unset;
73 padding: 6px 18px 6px 0;
74}
75
76.featureModal :global(.ant-input-affix-wrapper-focused) {
77 box-shadow: none;
78}
79
80.featureModal :global(.ant-input-affix-wrapper-disabled) {
81 background-color: unset;
82}
83
84.featureModal :global(.ant-input) {
85 font-weight: 500;
86 color: var(--text-light-primary);
87}
88
89.featureModal :global(.ant-input-search-icon:before) {
90 border-left: unset;
91}
92
93.featureModal :global(.ant-input-suffix) {
94 margin-left: unset;
95 margin-right: 12px;
96}
97
98.featureModal :global(.ant-input-search-icon) {
99 padding: unset;
100 margin-left: unset;
101}
102
103.featureModal :global(.ant-input-clear-icon) {
104 position: absolute;
105 right: 16px;
106}
107
108.featureModal :global(.ant-checkbox-wrapper + .ant-checkbox-wrapper) {
109 margin-left: 0;
110}
111
112.featureModal :global(.ant-checkbox-checked .ant-checkbox-inner) {
113 background-color: var(--brand-primary);
114 border-color: var(--brand-primary);
115}
116
117.featureModal :global(.ant-checkbox-inner) {
118 width: 20px;
119 height: 20px;
120 border-radius: 4px;
121 border: none;
122 background-color: var(--background-tertiary);
123}
124
125.featureModal :global(.ant-checkbox-inner:after) {
126 left: 30%;
127}
128
129.featureModal :global(.ant-switch-checked) {
130 background-color: var(--brand-primary);
131}
132
133.featureModal :global(.ant-switch-handle:before) {
134 background-image: url('../../assets/CloseIcon.svg');
135 background-size: 12px;
136 background-repeat: no-repeat;
137 background-position: center;
138}
139
140.featureModal :global(.ant-switch-checked .ant-switch-handle:before) {
141 background-image: url('../../assets/CheckIcon.svg');
142 background-size: 12px;
143 background-repeat: no-repeat;
144 background-position: center;
145}
146
147.featureModal :global(.ant-modal-body) {
148 padding: 0 16px 16px;
149}
150
151.featureModal :global(.ant-modal-footer) {
152 background-color: var(--background-secondary-alt);
153 padding: 16px 16px 18px;
154}