1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 | .mdc-notched-outline {
|
9 | display: flex;
|
10 | position: absolute;
|
11 | top: 0;
|
12 | right: 0;
|
13 | left: 0;
|
14 | box-sizing: border-box;
|
15 | width: 100%;
|
16 | max-width: 100%;
|
17 | height: 100%;
|
18 |
|
19 |
|
20 | text-align: left;
|
21 | pointer-events: none;
|
22 | }
|
23 | [dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
|
24 |
|
25 |
|
26 |
|
27 | text-align: right;
|
28 |
|
29 | }
|
30 |
|
31 | .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
|
32 | box-sizing: border-box;
|
33 | height: 100%;
|
34 | border-top: 1px solid;
|
35 | border-bottom: 1px solid;
|
36 | pointer-events: none;
|
37 | }
|
38 | .mdc-notched-outline__leading {
|
39 |
|
40 |
|
41 | border-left: 1px solid;
|
42 |
|
43 |
|
44 | border-right: none;
|
45 | width: 12px;
|
46 | }
|
47 | [dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
|
48 |
|
49 |
|
50 |
|
51 | border-left: none;
|
52 |
|
53 |
|
54 | border-right: 1px solid;
|
55 |
|
56 | }
|
57 |
|
58 | .mdc-notched-outline__trailing {
|
59 |
|
60 |
|
61 | border-left: none;
|
62 |
|
63 |
|
64 | border-right: 1px solid;
|
65 | flex-grow: 1;
|
66 | }
|
67 | [dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
|
68 |
|
69 |
|
70 |
|
71 | border-left: 1px solid;
|
72 |
|
73 |
|
74 | border-right: none;
|
75 |
|
76 | }
|
77 |
|
78 | .mdc-notched-outline__notch {
|
79 | flex: 0 0 auto;
|
80 | width: auto;
|
81 | max-width: calc(100% - 12px * 2);
|
82 | }
|
83 | .mdc-notched-outline .mdc-floating-label {
|
84 | display: inline-block;
|
85 | position: relative;
|
86 | max-width: 100%;
|
87 | }
|
88 | .mdc-notched-outline .mdc-floating-label--float-above {
|
89 | text-overflow: clip;
|
90 | }
|
91 | .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
|
92 | max-width: 133.3333333333%;
|
93 | }
|
94 |
|
95 | .mdc-notched-outline--notched .mdc-notched-outline__notch {
|
96 |
|
97 |
|
98 | padding-left: 0;
|
99 |
|
100 |
|
101 | padding-right: 8px;
|
102 | border-top: none;
|
103 | }
|
104 | [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
|
105 |
|
106 |
|
107 |
|
108 | padding-left: 8px;
|
109 |
|
110 |
|
111 | padding-right: 0;
|
112 |
|
113 | }
|
114 |
|
115 | .mdc-notched-outline--no-label .mdc-notched-outline__notch {
|
116 | display: none;
|
117 | }
|
118 |
|
119 |
|
\ | No newline at end of file |