Skip to content

Commit 7078bc5

Browse files
authored
Merge pull request #3366 from vidartf/lm-css
Update CSS class names for lumino
2 parents eabbbcd + 6401f2d commit 7078bc5

File tree

4 files changed

+229
-167
lines changed

4 files changed

+229
-167
lines changed

packages/controls/css/lumino.css

Lines changed: 65 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -64,8 +64,9 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
6464
*/
6565

6666
/* <DEPRECATED> */
67-
.jupyter-widgets.widget-tab > .p-TabBar, /* <DEPRECATED> */
68-
.jupyter-widgets.jupyter-widget-tab > .p-TabBar {
67+
.jupyter-widgets.widget-tab > .p-TabBar, /* </DEPRECATED> */
68+
/* <DEPRECATED> */.jupyter-widgets.jupyter-widget-tab > .p-TabBar, /* </DEPRECATED> */
69+
.jupyter-widgets.jupyter-widget-tab > .lm-TabBar {
6970
display: flex;
7071
-webkit-user-select: none;
7172
-moz-user-select: none;
@@ -74,20 +75,23 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
7475
}
7576

7677
/* <DEPRECATED> */
77-
.jupyter-widgets.widget-tab > .p-TabBar[data-orientation='horizontal'], /* <DEPRECATED> */
78-
.jupyter-widgets.jupyter-widget-tab > .p-TabBar[data-orientation='horizontal'] {
78+
.jupyter-widgets.widget-tab > .p-TabBar[data-orientation='horizontal'], /* </DEPRECATED> */
79+
/* <DEPRECATED> */.jupyter-widgets.jupyter-widget-tab > .p-TabBar[data-orientation='horizontal'], /* </DEPRECATED> */
80+
.jupyter-widgets.jupyter-widget-tab > .lm-TabBar[data-orientation='horizontal'] {
7981
flex-direction: row;
8082
}
8183

8284
/* <DEPRECATED> */
83-
.jupyter-widgets.widget-tab > .p-TabBar[data-orientation='vertical'], /* <DEPRECATED> */
84-
.jupyter-widgets.jupyter-widget-tab > .p-TabBar[data-orientation='vertical'] {
85+
.jupyter-widgets.widget-tab > .p-TabBar[data-orientation='vertical'], /* </DEPRECATED> */
86+
/* <DEPRECATED> */.jupyter-widgets.jupyter-widget-tab > .p-TabBar[data-orientation='vertical'], /* </DEPRECATED> */
87+
.jupyter-widgets.jupyter-widget-tab > .lm-TabBar[data-orientation='vertical'] {
8588
flex-direction: column;
8689
}
8790

8891
/* <DEPRECATED> */
89-
.jupyter-widgets.widget-tab > .p-TabBar > .p-TabBar-content, /* <DEPRECATED> */
90-
.jupyter-widgets.jupyter-widget-tab > .p-TabBar > .p-TabBar-content {
92+
.jupyter-widgets.widget-tab > .p-TabBar > .p-TabBar-content, /* </DEPRECATED> */
93+
/* <DEPRECATED> */.jupyter-widgets.jupyter-widget-tab > .p-TabBar > .p-TabBar-content, /* </DEPRECATED> */
94+
.jupyter-widgets.jupyter-widget-tab > .lm-TabBar > .lm-TabBar-content {
9195
margin: 0;
9296
padding: 0;
9397
display: flex;
@@ -99,69 +103,90 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
99103
.jupyter-widgets.widget-tab
100104
> .p-TabBar[data-orientation='horizontal']
101105
> .p-TabBar-content,
106+
/* </DEPRECATED> */
102107
/* <DEPRECATED> */
103108
.jupyter-widgets.jupyter-widget-tab
104-
> .p-TabBar[data-orientation='horizontal']
105-
> .p-TabBar-content {
109+
> .p-TabBar[data-orientation='horizontal']
110+
> .p-TabBar-content,
111+
/* </DEPRECATED> */
112+
.jupyter-widgets.jupyter-widget-tab
113+
> .lm-TabBar[data-orientation='horizontal']
114+
> .lm-TabBar-content {
106115
flex-direction: row;
107116
}
108117

109118
/* <DEPRECATED> */
110119
.jupyter-widgets.widget-tab
111120
> .p-TabBar[data-orientation='vertical']
112121
> .p-TabBar-content,
122+
/* </DEPRECATED> */
113123
/* <DEPRECATED> */
114124
.jupyter-widgets.jupyter-widget-tab
115-
> .p-TabBar[data-orientation='vertical']
116-
> .p-TabBar-content {
125+
> .p-TabBar[data-orientation='vertical']
126+
> .p-TabBar-content,
127+
/* </DEPRECATED> */
128+
.jupyter-widgets.jupyter-widget-tab
129+
> .lm-TabBar[data-orientation='vertical']
130+
> .lm-TabBar-content {
117131
flex-direction: column;
118132
}
119133

120134
/* <DEPRECATED> */
121-
.jupyter-widgets.widget-tab > .p-TabBar .p-TabBar-tab, /* <DEPRECATED> */
122-
.jupyter-widgets.jupyter-widget-tab > .p-TabBar .p-TabBar-tab {
135+
.jupyter-widgets.widget-tab > .p-TabBar .p-TabBar-tab, /* </DEPRECATED> */
136+
/* <DEPRECATED> */.jupyter-widgets.jupyter-widget-tab > .p-TabBar .p-TabBar-tab, /* </DEPRECATED> */
137+
.jupyter-widgets.jupyter-widget-tab > .lm-TabBar .lm-TabBar-tab {
123138
display: flex;
124139
flex-direction: row;
125140
box-sizing: border-box;
126141
overflow: hidden;
127142
}
128143

129144
/* <DEPRECATED> */
130-
.jupyter-widgets.widget-tab > .p-TabBar .p-TabBar-tabIcon, /* <DEPRECATED> */
131-
/* <DEPRECATED> */ .jupyter-widgets.widget-tab > .p-TabBar .p-TabBar-tabCloseIcon, /* <DEPRECATED> */
132-
.jupyter-widgets.jupyter-widget-tab > .p-TabBar .p-TabBar-tabIcon,
133-
.jupyter-widgets.jupyter-widget-tab > .p-TabBar .p-TabBar-tabCloseIcon {
145+
.jupyter-widgets.widget-tab > .p-TabBar .p-TabBar-tabIcon, /* </DEPRECATED> */
146+
/* <DEPRECATED> */ .jupyter-widgets.widget-tab > .p-TabBar .p-TabBar-tabCloseIcon, /* </DEPRECATED> */
147+
/* <DEPRECATED> */.jupyter-widgets.jupyter-widget-tab > .p-TabBar .p-TabBar-tabIcon, /* </DEPRECATED> */
148+
/* <DEPRECATED> */ .jupyter-widgets.jupyter-widget-tab > .p-TabBar .p-TabBar-tabCloseIcon, /* </DEPRECATED> */
149+
.jupyter-widgets.jupyter-widget-tab > .lm-TabBar .lm-TabBar-tabIcon,
150+
.jupyter-widgets.jupyter-widget-tab > .lm-TabBar .lm-TabBar-tabCloseIcon {
134151
flex: 0 0 auto;
135152
}
136153

137154
/* <DEPRECATED> */
138-
.jupyter-widgets.widget-tab > .p-TabBar .p-TabBar-tabLabel, /* <DEPRECATED> */
139-
.jupyter-widgets.jupyter-widget-tab > .p-TabBar .p-TabBar-tabLabel {
155+
.jupyter-widgets.widget-tab > .p-TabBar .p-TabBar-tabLabel, /* </DEPRECATED> */
156+
/* <DEPRECATED> */.jupyter-widgets.jupyter-widget-tab > .p-TabBar .p-TabBar-tabLabel, /* </DEPRECATED> */
157+
.jupyter-widgets.jupyter-widget-tab > .lm-TabBar .lm-TabBar-tabLabel {
140158
flex: 1 1 auto;
141159
overflow: hidden;
142160
white-space: nowrap;
143161
}
144162

145163
/* <DEPRECATED> */
146-
.jupyter-widgets.widget-tab > .p-TabBar .p-TabBar-tab.p-mod-hidden, /* <DEPRECATED> */
147-
.jupyter-widgets.jupyter-widget-tab > .p-TabBar .p-TabBar-tab.p-mod-hidden {
164+
.jupyter-widgets.widget-tab > .p-TabBar .p-TabBar-tab.p-mod-hidden, /* </DEPRECATED> */
165+
/* <DEPRECATED> */.jupyter-widgets.jupyter-widget-tab > .p-TabBar .p-TabBar-tab.p-mod-hidden, /* </DEPRECATED> */
166+
.jupyter-widgets.jupyter-widget-tab > .lm-TabBar .lm-TabBar-tab.lm-mod-hidden {
148167
display: none !important;
149168
}
150169

151170
/* <DEPRECATED> */
152-
.jupyter-widgets.widget-tab > .p-TabBar.p-mod-dragging .p-TabBar-tab, /* <DEPRECATED> */
153-
.jupyter-widgets.jupyter-widget-tab > .p-TabBar.p-mod-dragging .p-TabBar-tab {
171+
.jupyter-widgets.widget-tab > .p-TabBar.p-mod-dragging .p-TabBar-tab, /* </DEPRECATED> */
172+
/* <DEPRECATED> */.jupyter-widgets.jupyter-widget-tab > .p-TabBar.p-mod-dragging .p-TabBar-tab, /* </DEPRECATED> */
173+
.jupyter-widgets.jupyter-widget-tab > .lm-TabBar.lm-mod-dragging .lm-TabBar-tab {
154174
position: relative;
155175
}
156176

157177
/* <DEPRECATED> */
158178
.jupyter-widgets.widget-tab
159179
> .p-TabBar.p-mod-dragging[data-orientation='horizontal']
160180
.p-TabBar-tab,
181+
/* </DEPRECATED> */
161182
/* <DEPRECATED> */
162183
.jupyter-widgets.jupyter-widget-tab
163184
> .p-TabBar.p-mod-dragging[data-orientation='horizontal']
164-
.p-TabBar-tab {
185+
.p-TabBar-tab,
186+
/* </DEPRECATED> */
187+
.jupyter-widgets.jupyter-widget-tab
188+
> .lm-TabBar.lm-mod-dragging[data-orientation='horizontal']
189+
.lm-TabBar-tab {
165190
left: 0;
166191
transition: left 150ms ease;
167192
}
@@ -170,10 +195,15 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
170195
.jupyter-widgets.widget-tab
171196
> .p-TabBar.p-mod-dragging[data-orientation='vertical']
172197
.p-TabBar-tab,
198+
/* </DEPRECATED> */
173199
/* <DEPRECATED> */
174200
.jupyter-widgets.jupyter-widget-tab
175-
> .p-TabBar.p-mod-dragging[data-orientation='vertical']
176-
.p-TabBar-tab {
201+
> .p-TabBar.p-mod-dragging[data-orientation='vertical']
202+
.p-TabBar-tab,
203+
/* </DEPRECATED> */
204+
.jupyter-widgets.jupyter-widget-tab
205+
> .lm-TabBar.lm-mod-dragging[data-orientation='vertical']
206+
.lm-TabBar-tab {
177207
top: 0;
178208
transition: top 150ms ease;
179209
}
@@ -182,10 +212,15 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
182212
.jupyter-widgets.widget-tab
183213
> .p-TabBar.p-mod-dragging
184214
.p-TabBar-tab.p-mod-dragging,
185-
/* <DEPRECATED> */
215+
/* </DEPRECATED> */
216+
/* <DEPRECATED> */
186217
.jupyter-widgets.jupyter-widget-tab
187-
> .p-TabBar.p-mod-dragging
188-
.p-TabBar-tab.p-mod-dragging {
218+
> .p-TabBar.p-mod-dragging
219+
.p-TabBar-tab.p-mod-dragging,
220+
/* </DEPRECATED> */
221+
.jupyter-widgets.jupyter-widget-tab
222+
> .lm-TabBar.lm-mod-dragging
223+
.lm-TabBar-tab.lm-mod-dragging {
189224
transition: none;
190225
}
191226

0 commit comments

Comments
 (0)