Skip to content

Commit 7f2ef64

Browse files
dev-javascriptdev-javascript
committed
update themes and style
1 parent 5686bd4 commit 7f2ef64

9 files changed

+34
-17
lines changed

‎style/react-dyn-tabs.css

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
.rc-dyn-tabs-panellist {
22
padding: 6px 12px;
3+
position: relative;
34
}
45
.rc-dyn-tabs-panellist .rc-dyn-tabs-panel {
56
display: none;
@@ -34,7 +35,7 @@
3435
float: none;
3536
position: relative;
3637
}
37-
.rc-dyn-tabs-tablist .rc-dyn-tabs-tab {
38+
.rc-dyn-tabs-tablist > .rc-dyn-tabs-tab {
3839
display: list-item;
3940
list-style: none;
4041
text-align: center;
@@ -44,7 +45,7 @@
4445
pointer-events: visible;
4546
opacity: 1;
4647
}
47-
.rc-dyn-tabs-tablist .rc-dyn-tabs-tab > .rc-dyn-tabs-title {
48+
.rc-dyn-tabs-tablist > .rc-dyn-tabs-tab > .rc-dyn-tabs-title {
4849
position: relative;
4950
display: flex;
5051
align-items: center;
@@ -57,15 +58,15 @@
5758
outline: none;
5859
justify-content: center;
5960
}
60-
.rc-dyn-tabs-tablist .rc-dyn-tabs-tab > .rc-dyn-tabs-title > .rc-dyn-tabs-icon {
61+
.rc-dyn-tabs-tablist > .rc-dyn-tabs-tab > .rc-dyn-tabs-title > .rc-dyn-tabs-icon {
6162
display: inline-block;
6263
}
63-
.rc-dyn-tabs-tablist .rc-dyn-tabs-tab > .rc-dyn-tabs-close {
64+
.rc-dyn-tabs-tablist > .rc-dyn-tabs-tab > .rc-dyn-tabs-close {
6465
position: absolute;
6566
top: 1px;
6667
cursor: pointer;
6768
}
68-
.rc-dyn-tabs-tablist .rc-dyn-tabs-tab.rc-dyn-tabs-disable {
69+
.rc-dyn-tabs-tablist > .rc-dyn-tabs-tab.rc-dyn-tabs-disable {
6970
pointer-events: none;
7071
opacity: 0.7;
7172
}
@@ -99,9 +100,9 @@
99100
}
100101

101102
.rc-dyn-tabs-tablist.rc-dyn-tabs-vertical {
102-
width: 200px;
103-
float: left;
103+
width: 12em;
104104
height: 100%;
105+
float: left;
105106
}
106107
.rc-dyn-tabs-tablist.rc-dyn-tabs-vertical > .rc-dyn-tabs-tab {
107108
float: none;
@@ -115,3 +116,7 @@
115116
transform: translateY(-50%);
116117
line-height: 0px;
117118
}
119+
120+
.rc-dyn-tabs-tablist.rc-dyn-tabs-vertical.rc-dyn-tabs-rtl {
121+
float: right;
122+
}

‎style/react-dyn-tabs.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎style/scss/modules/_react-dyn-tabs.scss

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@mixin main {
22
.rc-dyn-tabs-panellist {
33
padding: 6px 12px;
4-
4+
position: relative;
55
.rc-dyn-tabs-panel {
66
display: none;
77
}
@@ -41,7 +41,7 @@
4141
float: none;
4242
position: relative;
4343

44-
.rc-dyn-tabs-tab {
44+
& > .rc-dyn-tabs-tab {
4545
display: list-item;
4646
list-style: none;
4747
text-align: center;
@@ -76,7 +76,7 @@
7676
}
7777
}
7878

79-
.rc-dyn-tabs-tab.rc-dyn-tabs-disable {
79+
& > .rc-dyn-tabs-tab.rc-dyn-tabs-disable {
8080
pointer-events: none;
8181
opacity: 0.7;
8282
}
@@ -121,10 +121,9 @@
121121
}
122122

123123
.rc-dyn-tabs-tablist.rc-dyn-tabs-vertical {
124-
width: 200px;
125-
float: left;
124+
width: 12em;
126125
height: 100%;
127-
126+
float: left;
128127
& > .rc-dyn-tabs-tab {
129128
float: none;
130129

@@ -140,4 +139,7 @@
140139
}
141140
}
142141
}
142+
.rc-dyn-tabs-tablist.rc-dyn-tabs-vertical.rc-dyn-tabs-rtl {
143+
float: right;
144+
}
143145
}

‎themes/react-dyn-tabs-bootstrap.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@
2121
border-color: transparent;
2222
background-color: transparent;
2323
padding: 0.5rem 1rem;
24+
min-width: 100px;
2425
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
2526
}
2627
.rc-dyn-tabs-tablist .rc-dyn-tabs-tab > .rc-dyn-tabs-title:hover {
@@ -36,6 +37,10 @@
3637
background-color: #fff;
3738
}
3839

40+
.rc-dyn-tabs-tablist.rc-dyn-tabs-rtl {
41+
flex-direction: row-reverse;
42+
}
43+
3944
.rc-dyn-tabs-tablist.rc-dyn-tabs-vertical {
4045
flex-direction: column;
4146
border-width: 0px 1px 0px 0px;

‎themes/react-dyn-tabs-bootstrap.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎themes/react-dyn-tabs-classic.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@
2727
border-style: solid;
2828
border-width: 1px 1px 0px 1px;
2929
color: #416da3;
30+
min-width: 100px;
3031
}
3132
.rc-dyn-tabs-tablist > .rc-dyn-tabs-tab.rc-dyn-tabs-selected > .rc-dyn-tabs-title {
3233
background-image: none;

‎themes/react-dyn-tabs-classic.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎themes/scss/modules/_react-dyn-tabs-bootstrap.scss

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,7 @@ $background-color: #fff;
7575
@include tabBorder;
7676
background-color: transparent;
7777
padding: 0.5rem 1rem;
78+
min-width: 100px;
7879
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
7980
}
8081

@@ -93,7 +94,9 @@ $background-color: #fff;
9394
}
9495
}
9596
}
96-
97+
.rc-dyn-tabs-tablist.rc-dyn-tabs-rtl {
98+
flex-direction: row-reverse;
99+
}
97100
.rc-dyn-tabs-tablist.rc-dyn-tabs-vertical {
98101
flex-direction: column;
99102
@include tablistBorder($isVertical: true);

‎themes/scss/modules/_react-dyn-tabs-classic.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -89,6 +89,7 @@ $border-radius-value: 5px;
8989
border-style: solid;
9090
border-width: 1px 1px 0px 1px;
9191
color: $tab-color;
92+
min-width: 100px;
9293
}
9394
&.rc-dyn-tabs-selected {
9495
& > .rc-dyn-tabs-title {

0 commit comments

Comments
 (0)