1
0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-30 19:49:54 +02:00

[ticket/11552] Responsive minitabs

PHPBB3-11552
This commit is contained in:
Vjacheslav Trushkin
2013-09-15 18:05:54 +03:00
parent 34fa93a153
commit 378b2dfa96
5 changed files with 37 additions and 8 deletions

View File

@@ -227,6 +227,10 @@ ul.cplist {
text-decoration: none;
}
#minitabs .responsive-tab .responsive-tab-link span {
display: block;
}
.responsive-tab .responsive-tab-link span:before {
content: '';
position: absolute;
@@ -238,11 +242,16 @@ ul.cplist {
border-top: 0.375em double transparent;
}
#tabs ul {
#minitabs .responsive-tab .responsive-tab-link span:before {
left: 0;
top: 2px;
}
#tabs ul, #minitabs ul {
position: relative;
}
#tabs ul.responsive-tabs {
#tabs ul.responsive-tabs, #minitabs ul.responsive-tabs {
position: absolute;
right: 0;
top: 26px;
@@ -251,11 +260,20 @@ ul.cplist {
border-radius: 5px;
}
#tabs .responsive-tabs li {
#minitabs ul.responsive-tabs {
top: 23px;
}
.tabs-container #minitabs ul.responsive-tabs {
right: auto;
left: 0;
}
#tabs .responsive-tabs li, #minitabs .responsive-tabs li {
display: block !important;
}
#tabs .responsive-tabs a, #tabs .responsive-tabs a span {
#tabs .responsive-tabs a, #tabs .responsive-tabs a span, #minitabs .responsive-tabs a, #minitabs .responsive-tabs a span {
background: transparent;
float: none;
margin: 0;
@@ -263,7 +281,11 @@ ul.cplist {
text-align: right;
}
#tabs .responsive-tabs a span {
.tabs-container #minitabs .responsive-tabs a span {
text-align: left;
}
#tabs .responsive-tabs a span, #minitabs .responsive-tabs a span {
padding: 5px;
}