Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix tabs in tabs style #824

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

fix tabs in tabs style #824

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7e6da08
fix tabs in tabs style
mg98 May 11, 2020
e55426b
adjusted more stylus selectors
mg98 May 11, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
78 changes: 39 additions & 39 deletions src/style/components/vsTabs.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,11 +73,11 @@
width 100%;
overflow hidden
position relative
.con-slot-tabs
> .con-slot-tabs
position relative
display: block
overflow hidden
.con-ul-tabs
> .con-ul-tabs
position relative

.vs-tabs--ul
Expand Down Expand Up @@ -159,65 +159,65 @@
propWithDir(padding, left, 9px)

.vs-tabs-position-top
.vs-tabs--ul
> .con-ul-tabs > .vs-tabs--ul
display: flex
flex-wrap: wrap
.vs-tabs-position-bottom
.vs-tabs--ul
display: flex
border-top 1px solid rgba(0,0,0,.05)
border-bottom: 0px !important;
.con-ul-tabs
> .con-ul-tabs
order: 2;
.line-vs-tabs
top: 0px;
> .vs-tabs--ul
display: flex
border-top 1px solid rgba(0,0,0,.05)
border-bottom: 0px !important;
> .line-vs-tabs
top: 0px;

.vs-tabs-position-left
display flex
.line-vs-tabs
left auto !important
right 0px;
.con-ul-tabs
> .con-ul-tabs
float left
height: 100%;
display: block
.vs-tabs--ul
display block
width: auto
border-bottom: 0px !important;
border-right: 1px solid rgba(0,0,0,.05)
.activeChild
button
padding-top 10px !important;
padding-bottom 10px !important;
padding-left: 12px !important;
padding-right: 8px !important;
> .line-vs-tabs
left auto !important
right 0px;
> .vs-tabs--ul
display block
width: auto
border-bottom: 0px !important;
border-right: 1px solid rgba(0,0,0,.05)
.activeChild
button
padding-top 10px !important;
padding-bottom 10px !important;
padding-left: 12px !important;
padding-right: 8px !important;


.vs-tabs-position-right
display flex
.con-slot-tabs
> .con-slot-tabs
width: 100%;
.con-ul-tabs
> .con-ul-tabs
float left
height: 100%;
display: block
order: 2;
.vs-tabs--ul
display block
width: auto
border-bottom: 0px !important;
border-left: 1px solid rgba(0,0,0,.05)
.activeChild
button
padding-top 10px !important;
padding-bottom 10px !important;
padding-left: 8px !important;
padding-right: 12px !important;
> .vs-tabs--ul
display block
width: auto
border-bottom: 0px !important;
border-left: 1px solid rgba(0,0,0,.05)
.activeChild
button
padding-top 10px !important;
padding-bottom 10px !important;
padding-left: 8px !important;
padding-right: 12px !important;

for colorx, i in $vs-colors
.vs-tabs-{colorx}
.con-ul-tabs
> .con-ul-tabs
button:not(:disabled)
&:hover
color: getColor(colorx, 1) !important
Expand Down