1
+ # oneNotePicker {
2
+ background : white;
3
+ -webkit-user-select : none;
4
+ -moz-user-select : none;
5
+ -ms-user-select : none;
6
+ user-select : none;
7
+ }
8
+ svg .spinner {
9
+ animation : spin 1.3s infinite cubic-bezier (0.53 , 0.21 , 0.29 , 0.67 );
10
+ }
11
+ @-moz-keyframes spin {
12
+ from {
13
+ -moz-transform : rotate (0deg );
14
+ }
15
+ to {
16
+ -moz-transform : rotate (360deg );
17
+ }
18
+ }
19
+ @-webkit-keyframes spin {
20
+ from {
21
+ -webkit-transform : rotate (0deg );
22
+ }
23
+ to {
24
+ -webkit-transform : rotate (360deg );
25
+ }
26
+ }
27
+ @keyframes spin {
28
+ from {
29
+ transform : rotate (0deg );
30
+ }
31
+ to {
32
+ transform : rotate (360deg );
33
+ }
34
+ }
35
+ .onenote-picker {
36
+ color : # 737373 ;
37
+ max-width : 100% ;
38
+ }
39
+ .onenote-picker [dir = rtl ] {
40
+ direction : rtl;
41
+ }
42
+ .onenote-picker svg {
43
+ width : 1rem ;
44
+ height : 1rem ;
45
+ }
46
+ .onenote-picker ul {
47
+ list-style : none;
48
+ padding : 0 ;
49
+ }
50
+ .onenote-picker .section-group , .onenote-picker .section {
51
+ padding : 0.25rem ;
52
+ }
53
+ .onenote-picker .notebook , .onenote-picker .shared-notebook , .onenote-picker .recent-sections {
54
+ padding : 0.5rem ;
55
+ }
56
+ .onenote-picker .notebook , .onenote-picker .section-group , .onenote-picker .section , .onenote-picker .shared-notebook , .onenote-picker .recent-sections {
57
+ display : flex;
58
+ align-items : center;
59
+ line-height : 1rem ;
60
+ }
61
+ .onenote-picker .notebook .chevron-icon , .onenote-picker .section-group .chevron-icon , .onenote-picker .section .chevron-icon , .onenote-picker .shared-notebook .chevron-icon , .onenote-picker .recent-sections .chevron-icon , .onenote-picker .notebook .picker-label , .onenote-picker .section-group .picker-label , .onenote-picker .section .picker-label , .onenote-picker .shared-notebook .picker-label , .onenote-picker .recent-sections .picker-label , .onenote-picker .notebook .picker-icon , .onenote-picker .section-group .picker-icon , .onenote-picker .section .picker-icon , .onenote-picker .shared-notebook .picker-icon , .onenote-picker .recent-sections .picker-icon , .onenote-picker .notebook .picker-shared-icon , .onenote-picker .section-group .picker-shared-icon , .onenote-picker .section .picker-shared-icon , .onenote-picker .shared-notebook .picker-shared-icon , .onenote-picker .recent-sections .picker-shared-icon {
62
+ padding : 0.3rem ;
63
+ order : 4 ;
64
+ }
65
+ .onenote-picker .notebook .chevron-icon svg , .onenote-picker .section-group .chevron-icon svg , .onenote-picker .section .chevron-icon svg , .onenote-picker .shared-notebook .chevron-icon svg , .onenote-picker .recent-sections .chevron-icon svg , .onenote-picker .notebook .picker-label svg , .onenote-picker .section-group .picker-label svg , .onenote-picker .section .picker-label svg , .onenote-picker .shared-notebook .picker-label svg , .onenote-picker .recent-sections .picker-label svg , .onenote-picker .notebook .picker-icon svg , .onenote-picker .section-group .picker-icon svg , .onenote-picker .section .picker-icon svg , .onenote-picker .shared-notebook .picker-icon svg , .onenote-picker .recent-sections .picker-icon svg , .onenote-picker .notebook .picker-shared-icon svg , .onenote-picker .section-group .picker-shared-icon svg , .onenote-picker .section .picker-shared-icon svg , .onenote-picker .shared-notebook .picker-shared-icon svg , .onenote-picker .recent-sections .picker-shared-icon svg {
66
+ padding : 0 ;
67
+ }
68
+ .onenote-picker .notebook .chevron-icon , .onenote-picker .section-group .chevron-icon , .onenote-picker .section .chevron-icon , .onenote-picker .shared-notebook .chevron-icon , .onenote-picker .recent-sections .chevron-icon {
69
+ transition-duration : 0.3s ;
70
+ transition-property : transform;
71
+ }
72
+ .onenote-picker .notebook .chevron-icon svg , .onenote-picker .section-group .chevron-icon svg , .onenote-picker .section .chevron-icon svg , .onenote-picker .shared-notebook .chevron-icon svg , .onenote-picker .recent-sections .chevron-icon svg {
73
+ transform : rotate (180deg );
74
+ width : 0.5rem ;
75
+ }
76
+ .onenote-picker .notebook .chevron-icon [dir = rtl ], .onenote-picker .section-group .chevron-icon [dir = rtl ], .onenote-picker .section .chevron-icon [dir = rtl ], .onenote-picker .shared-notebook .chevron-icon [dir = rtl ], .onenote-picker .recent-sections .chevron-icon [dir = rtl ] {
77
+ order : 2 ;
78
+ }
79
+ .onenote-picker .notebook .chevron-icon .closed svg , .onenote-picker .section-group .chevron-icon .closed svg , .onenote-picker .section .chevron-icon .closed svg , .onenote-picker .shared-notebook .chevron-icon .closed svg , .onenote-picker .recent-sections .chevron-icon .closed svg {
80
+ transform : rotate (90deg );
81
+ }
82
+ .onenote-picker .notebook .picker-label , .onenote-picker .section-group .picker-label , .onenote-picker .section .picker-label , .onenote-picker .shared-notebook .picker-label , .onenote-picker .recent-sections .picker-label {
83
+ flex : 1 1 auto;
84
+ overflow : hidden;
85
+ text-overflow : ellipsis;
86
+ }
87
+ .onenote-picker .notebook .picker-label [dir = rtl ], .onenote-picker .section-group .picker-label [dir = rtl ], .onenote-picker .section .picker-label [dir = rtl ], .onenote-picker .shared-notebook .picker-label [dir = rtl ], .onenote-picker .recent-sections .picker-label [dir = rtl ] {
88
+ order : 3 ;
89
+ }
90
+ .onenote-picker .notebook .picker-label label , .onenote-picker .section-group .picker-label label , .onenote-picker .section .picker-label label , .onenote-picker .shared-notebook .picker-label label , .onenote-picker .recent-sections .picker-label label , .onenote-picker .notebook .picker-label input , .onenote-picker .section-group .picker-label input , .onenote-picker .section .picker-label input , .onenote-picker .shared-notebook .picker-label input , .onenote-picker .recent-sections .picker-label input {
91
+ overflow : hidden;
92
+ text-overflow : ellipsis;
93
+ white-space : nowrap;
94
+ line-height : 1.3rem ;
95
+ color : # 737373 ;
96
+ margin-bottom : 0 ;
97
+ font-weight : normal;
98
+ }
99
+ .onenote-picker .notebook .picker-label .breadcrumbs , .onenote-picker .section-group .picker-label .breadcrumbs , .onenote-picker .section .picker-label .breadcrumbs , .onenote-picker .shared-notebook .picker-label .breadcrumbs , .onenote-picker .recent-sections .picker-label .breadcrumbs {
100
+ color : # 666 ;
101
+ font-size : 0.8rem ;
102
+ }
103
+ .onenote-picker .notebook .picker-label .create-label , .onenote-picker .section-group .picker-label .create-label , .onenote-picker .section .picker-label .create-label , .onenote-picker .shared-notebook .picker-label .create-label , .onenote-picker .recent-sections .picker-label .create-label {
104
+ color : # 0078d7 ;
105
+ }
106
+ .onenote-picker .notebook .picker-label .parent , .onenote-picker .section-group .picker-label .parent , .onenote-picker .section .picker-label .parent , .onenote-picker .shared-notebook .picker-label .parent , .onenote-picker .recent-sections .picker-label .parent {
107
+ font-size : 0.8rem ;
108
+ display : block;
109
+ }
110
+ .onenote-picker .notebook .picker-shared-icon , .onenote-picker .section-group .picker-shared-icon , .onenote-picker .section .picker-shared-icon , .onenote-picker .shared-notebook .picker-shared-icon , .onenote-picker .recent-sections .picker-shared-icon {
111
+ color : # 666 ;
112
+ font-size : 0.8rem ;
113
+ align-self : flex-end;
114
+ }
115
+ .onenote-picker .notebook .picker-shared-icon [dir = rtl ], .onenote-picker .section-group .picker-shared-icon [dir = rtl ], .onenote-picker .section .picker-shared-icon [dir = rtl ], .onenote-picker .shared-notebook .picker-shared-icon [dir = rtl ], .onenote-picker .recent-sections .picker-shared-icon [dir = rtl ] {
116
+ order : 1 ;
117
+ }
118
+ .onenote-picker .notebook .picker-shared-icon img , .onenote-picker .section-group .picker-shared-icon img , .onenote-picker .section .picker-shared-icon img , .onenote-picker .shared-notebook .picker-shared-icon img , .onenote-picker .recent-sections .picker-shared-icon img {
119
+ height : 0.8rem ;
120
+ width : 0.8rem ;
121
+ }
122
+ .onenote-picker .notebook .picker-shared-icon span , .onenote-picker .section-group .picker-shared-icon span , .onenote-picker .section .picker-shared-icon span , .onenote-picker .shared-notebook .picker-shared-icon span , .onenote-picker .recent-sections .picker-shared-icon span {
123
+ display : none;
124
+ }
125
+ .onenote-picker .notebook .picker-input-and-error , .onenote-picker .section-group .picker-input-and-error , .onenote-picker .section .picker-input-and-error , .onenote-picker .shared-notebook .picker-input-and-error , .onenote-picker .recent-sections .picker-input-and-error {
126
+ display : flex;
127
+ }
128
+ .onenote-picker .notebook .error-info-icon , .onenote-picker .section-group .error-info-icon , .onenote-picker .section .error-info-icon , .onenote-picker .shared-notebook .error-info-icon , .onenote-picker .recent-sections .error-info-icon {
129
+ float : right;
130
+ }
131
+ .onenote-picker .notebook .error-info-icon svg , .onenote-picker .section-group .error-info-icon svg , .onenote-picker .section .error-info-icon svg , .onenote-picker .shared-notebook .error-info-icon svg , .onenote-picker .recent-sections .error-info-icon svg {
132
+ cursor : pointer;
133
+ }
134
+ .onenote-picker .notebook .picker-input-x , .onenote-picker .section-group .picker-input-x , .onenote-picker .section .picker-input-x , .onenote-picker .shared-notebook .picker-input-x , .onenote-picker .recent-sections .picker-input-x {
135
+ font-size : 10px ;
136
+ padding-left : 0.25rem ;
137
+ padding-right : 0.5rem ;
138
+ padding-bottom : 5px ;
139
+ float : right;
140
+ order : 5 ;
141
+ }
142
+ .onenote-picker .notebook .picker-input-x : hover , .onenote-picker .section-group .picker-input-x : hover , .onenote-picker .section .picker-input-x : hover , .onenote-picker .shared-notebook .picker-input-x : hover , .onenote-picker .recent-sections .picker-input-x : hover {
143
+ cursor : pointer;
144
+ }
145
+ .onenote-picker .notebook .picker-item : hover , .onenote-picker .section-group .picker-item : hover , .onenote-picker .section .picker-item : hover , .onenote-picker .shared-notebook .picker-item : hover , .onenote-picker .recent-sections .picker-item : hover , .onenote-picker .notebook .input-not-started : hover , .onenote-picker .section-group .input-not-started : hover , .onenote-picker .section .input-not-started : hover , .onenote-picker .shared-notebook .input-not-started : hover , .onenote-picker .recent-sections .input-not-started : hover {
146
+ background-color : # f9f9f9 ;
147
+ }
148
+ .onenote-picker .notebook : hover .picker-input-and-error , .onenote-picker .section-group : hover .picker-input-and-error , .onenote-picker .section : hover .picker-input-and-error , .onenote-picker .shared-notebook : hover .picker-input-and-error , .onenote-picker .recent-sections : hover .picker-input-and-error {
149
+ border-bottom : 1px solid # f3f3f3 ;
150
+ margin-bottom : -1px ;
151
+ }
152
+ .onenote-picker .notebook .picker-input-and-error : focus-within , .onenote-picker .section-group .picker-input-and-error : focus-within , .onenote-picker .section .picker-input-and-error : focus-within , .onenote-picker .shared-notebook .picker-input-and-error : focus-within , .onenote-picker .recent-sections .picker-input-and-error : focus-within {
153
+ border-bottom : 1px solid # f3f3f3 ;
154
+ margin-bottom : -1px ;
155
+ }
156
+ .onenote-picker .menu-list {
157
+ margin-top : 0 ;
158
+ margin-bottom : 10px ;
159
+ }
160
+ .onenote-picker .menu-list a {
161
+ color : # 737373 ;
162
+ display : block;
163
+ }
164
+ .onenote-picker .menu-list li ul {
165
+ margin : 0 ;
166
+ border-left : none;
167
+ padding-left : 1.5rem ;
168
+ }
169
+ .onenote-picker .picker-selectedItem {
170
+ background-color : # f3f3f3 !important ;
171
+ }
172
+ .onenote-picker .picker-selectedItem .picker-label label {
173
+ color : # 000 !important ;
174
+ }
175
+ .onenote-picker .picker-row {
176
+ margin : 1px ;
177
+ }
178
+ .onenote-picker .progress-row {
179
+ line-height : 1rem ;
180
+ text-align : center;
181
+ padding : 0.25rem ;
182
+ margin-right : 1.5rem ;
183
+ }
184
+ .onenote-picker .create-input {
185
+ border : 0 ;
186
+ padding : 0 ;
187
+ margin : 0 ;
188
+ width : 100% ;
189
+ font : inherit;
190
+ outline : none;
191
+ }
192
+ .onenote-picker .create-spinner {
193
+ float : right;
194
+ order : 4 ;
195
+ margin-right : 5px ;
196
+ }
197
+ .picker-dropdown {
198
+ position : relative;
199
+ text-align : left;
200
+ cursor : pointer;
201
+ text-decoration : none;
202
+ }
203
+ .picker-dropdown .picker-dropdown-padding {
204
+ border : 1px solid rgba (22 , 35 , 58 , 0.26 );
205
+ padding : 5px ;
206
+ }
207
+ .picker-dropdown .picker-popup {
208
+ position : absolute;
209
+ overflow-y : auto;
210
+ background-color : # fff ;
211
+ border : 1px solid rgba (22 , 35 , 58 , 0.26 );
212
+ max-height : 280px ;
213
+ width : 100% ;
214
+ }
215
+ .picker-dropdown .popup-upwards {
216
+ bottom : 100% ;
217
+ }
218
+ .picker-dropdown .dropdown-arrow-container {
219
+ height : 14px ;
220
+ width : 18px ;
221
+ float : right;
222
+ padding-right : 12px ;
223
+ }
224
+ .picker-dropdown .dropdown-arrow-container svg {
225
+ height : auto;
226
+ width : 18px ;
227
+ }
228
+ .picker-dropdown .picker-dropdown-toggle-label {
229
+ overflow : hidden;
230
+ white-space : nowrap;
231
+ text-overflow : ellipsis;
232
+ padding : 1px 1px 1px 12px ;
233
+ }
234
+ .picker-dropdown .dropdown-arrow-container svg polygon {
235
+ fill : # 444545 ;
236
+ }
237
+ .error-info-popover {
238
+ z-index : 1 ;
239
+ }
240
+ .error-info-popover div {
241
+ border-bottom-color : # 6264a7 !important ;
242
+ }
243
+ .error-info-popover-content {
244
+ background-color : # 6264a7 ;
245
+ font-size : 10px ;
246
+ line-height : 16px ;
247
+ max-width : 280px ;
248
+ padding : 8px ;
249
+ color : # fff ;
250
+ border-radius : 4px ;
251
+ }
252
+ svg .chevron-icon {
253
+ color : # 444 ;
254
+ }
255
+ svg .notebook-closed-icon {
256
+ color : # 444 ;
257
+ }
258
+ svg .notebook-opened-icon {
259
+ color : # 444 ;
260
+ }
261
+ svg .section-group-icon .primary-section-outline {
262
+ color : # 444 ;
263
+ }
264
+ svg .section-group-icon .secondary-section-outline {
265
+ color : # 444545 ;
266
+ }
267
+ svg .section-icon {
268
+ color : # 444 ;
269
+ }
270
+ svg .spinner .spinner-circle {
271
+ color : # c7e0f4 ;
272
+ }
273
+ svg .spinner .spinner-progress {
274
+ color : # 0078d7 ;
275
+ }
276
+
0 commit comments