mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-31 03:59:52 +02:00
Code Issues Releases Wiki Activity

[ticket/11552] Responsive CP tabs

Browse Source 
PHPBB3-11552
This commit is contained in:
Vjacheslav Trushkin
2013-09-15 16:49:33 +03:00
parent 88cbd68d00
commit a1f118872b
5 changed files with 143 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
phpBB/styles/prosilver/theme/cp.css
View File

@@ -118,7 +118,7 @@ ul.cplist {
#tabs {
line-height: normal;
margin: 20px 0 -1px 7px;
min-width: 570px;
*overflow: hidden;
}
#tabs ul {
@@ -127,6 +127,12 @@ ul.cplist {
list-style: none;
}
#tabs ul:after {
content: '';
display: block;
clear: both;
}
#tabs li {
display: inline;
margin: 0;
@@ -210,6 +216,57 @@ ul.cplist {
text-decoration: none;
}
/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link span {
display: inline-block;
font-size: 16px;
position: relative;
width: 16px;
line-height: 14px;
text-decoration: none;
}
.responsive-tab .responsive-tab-link span:before {
content: '';
position: absolute;
left: 5px;
top: 8px;
height: .125em;
width: 14px;
border-bottom: 0.125em solid transparent;
border-top: 0.375em double transparent;
}
#tabs ul {
position: relative;
}
#tabs ul.responsive-tabs {
position: absolute;
right: 0;
top: 26px;
z-index: 2;
border: 1px solid transparent;
border-radius: 5px;
}
#tabs .responsive-tabs li {
display: block !important;
}
#tabs .responsive-tabs a, #tabs .responsive-tabs a span {
background: transparent;
float: none;
margin: 0;
padding: 0;
text-align: right;
}
#tabs .responsive-tabs a span {
padding: 5px;
}
/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */