Skip to content

Commit dcb73b6

Browse files
nathanjosiahnathanjosiah
committed
MC-3572: Fix style import for MC-1405
- Tweaked styles
1 parent be79998 commit dcb73b6

File tree

4 files changed

+117
-100
lines changed

4 files changed

+117
-100
lines changed

‎app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/tabs/_default.less

Lines changed: 1 addition & 100 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
// Default appearance styles
88
// _____________________________________________
99

10+
div[data-role='tabs'],
1011
.pagebuilder-content-type.pagebuilder-tabs {
1112
.tabs-navigation {
1213
border-bottom: 1px solid rgba(153, 153, 153, .3);
@@ -182,103 +183,3 @@
182183
.pagebuilder-stage.focus-child .pagebuilder-content-type.pagebuilder-tabs .tabs-content {
183184
z-index: auto;
184185
}
185-
@f6: #f6f6f6;
186-
@ccc: #ccc;
187-
@color-black: #000;
188-
@color-white: #fff;
189-
190-
//
191-
// Default appearance styles
192-
// _____________________________________________
193-
194-
div[data-role='tabs'] {
195-
.tabs-navigation {
196-
display: block;
197-
font-size: 0;
198-
margin: 0 0 -1px;
199-
padding: 0;
200-
201-
li:first-child {
202-
margin-left: 0 !important;
203-
}
204-
205-
li.tab-header {
206-
background: @f6;
207-
border: 1px solid @ccc;
208-
border-bottom: 0 !important;
209-
border-bottom-left-radius: 0 !important;
210-
border-bottom-right-radius: 0 !important;
211-
display: inline-block;
212-
margin: 0;
213-
position: relative;
214-
z-index: 1;
215-
216-
&:not(:first-child) {
217-
margin-left: -1px;
218-
}
219-
220-
a.tab-title {
221-
border-right: 0;
222-
color: @color-black;
223-
cursor: pointer !important;
224-
display: block;
225-
font-size: 14px;
226-
font-weight: 600;
227-
padding: 1.4rem 2rem;
228-
position: relative;
229-
transition: all .3s;
230-
vertical-align: middle;
231-
white-space: normal;
232-
233-
span.tab-title {
234-
display: block;
235-
}
236-
237-
&:hover {
238-
text-decoration: none;
239-
}
240-
}
241-
242-
&:last-child {
243-
border-right: 1px solid @ccc;
244-
}
245-
246-
&.ui-state-active {
247-
background: @color-white;
248-
z-index: 19;
249-
250-
a.tab-title {
251-
position: relative;
252-
transition: all .3s;
253-
}
254-
}
255-
}
256-
}
257-
258-
.tabs-content {
259-
border: 1px solid @ccc;
260-
overflow: hidden;
261-
position: relative;
262-
z-index: 9;
263-
264-
[data-role='tab-item'] {
265-
box-sizing: border-box;
266-
min-height: inherit;
267-
268-
&:not(:first-child) {
269-
display: none;
270-
}
271-
}
272-
}
273-
274-
&.tab-align-left {
275-
.tabs-content {
276-
border-top-left-radius: 0 !important;
277-
}
278-
}
279-
&.tab-align-right {
280-
.tabs-content {
281-
border-top-right-radius: 0 !important;
282-
}
283-
}
284-
}

‎app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/_import.less

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,4 +18,5 @@
1818
@import 'row/_import.less';
1919
@import 'slide/_import.less';
2020
@import 'slider/_import.less';
21+
@import 'tabs/_import.less';
2122
@import 'video/_import.less';

‎app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/tabs/_default.less

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
// /**
2+
// * Copyright © Magento, Inc. All rights reserved.
3+
// * See COPYING.txt for license details.
4+
// */
5+
6+
@f6: #f6f6f6;
7+
@ccc: #ccc;
8+
@color-black: #000;
9+
@color-white: #fff;
10+
11+
//
12+
// Default appearance styles
13+
// _____________________________________________
14+
15+
div[data-role='tabs'] {
16+
.tabs-navigation {
17+
display: block;
18+
font-size: 0;
19+
margin: 0 0 -1px;
20+
padding: 0;
21+
22+
li:first-child {
23+
margin-left: 0 !important;
24+
}
25+
26+
li.tab-header {
27+
background: @f6;
28+
border: 1px solid @ccc;
29+
border-bottom: 0 !important;
30+
border-bottom-left-radius: 0 !important;
31+
border-bottom-right-radius: 0 !important;
32+
display: inline-block;
33+
margin: 0;
34+
position: relative;
35+
z-index: 1;
36+
37+
&:not(:first-child) {
38+
margin-left: -1px;
39+
}
40+
41+
a.tab-title {
42+
border-right: 0;
43+
color: @color-black;
44+
cursor: pointer !important;
45+
display: block;
46+
font-size: 14px;
47+
font-weight: 600;
48+
padding: 1.4rem 2rem;
49+
position: relative;
50+
transition: all .3s;
51+
vertical-align: middle;
52+
white-space: normal;
53+
54+
span.tab-title {
55+
display: block;
56+
}
57+
58+
&:hover {
59+
text-decoration: none;
60+
}
61+
}
62+
63+
&:last-child {
64+
border-right: 1px solid @ccc;
65+
}
66+
67+
&.ui-state-active {
68+
background: @color-white;
69+
z-index: 19;
70+
71+
a.tab-title {
72+
position: relative;
73+
transition: all .3s;
74+
}
75+
}
76+
}
77+
}
78+
79+
.tabs-content {
80+
border: 1px solid @ccc;
81+
overflow: hidden;
82+
position: relative;
83+
z-index: 9;
84+
85+
[data-role='tab-item'] {
86+
box-sizing: border-box;
87+
min-height: inherit;
88+
89+
&:not(:first-child) {
90+
display: none;
91+
}
92+
}
93+
}
94+
95+
&.tab-align-left {
96+
.tabs-content {
97+
border-top-left-radius: 0 !important;
98+
}
99+
}
100+
&.tab-align-right {
101+
.tabs-content {
102+
border-top-right-radius: 0 !important;
103+
}
104+
}
105+
}

‎app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/tabs/_import.less

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
// /**
2+
// * Copyright © Magento, Inc. All rights reserved.
3+
// * See COPYING.txt for license details.
4+
// */
5+
6+
//
7+
// _import imports all appearance less files
8+
// _____________________________________________
9+
10+
@import './_default.less';

0 commit comments

Comments
 (0)