mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-05 14:04:57 +02:00
Code Issues Releases Wiki Activity

[ticket/11552] Responsive minitabs

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
phpBB/styles/prosilver/template/forum_fn.js
View File

@ -610,7 +610,7 @@ function insert_single_user(formId, user)
});
// Responsive tabs
$('#tabs').not('.skip-responsive').each(function() {
$('#tabs, #minitabs').not('.skip-responsive').each(function() {
var $this = $(this),
$body = $('body'),
ul = $this.children(),

2
phpBB/styles/prosilver/theme/colours.css
View File

@ -1154,7 +1154,7 @@ ul.responsive-popup {
background-color: #CADCEB;
}
#tabs ul.responsive-tabs {
#tabs ul.responsive-tabs, #minitabs ul.responsive-tabs {
background: #ddedfb;
border-color: #c0c9d5;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);

2
phpBB/styles/prosilver/theme/common.css
View File

@ -600,7 +600,7 @@ dl.details dd {
text-overflow: ellipsis;
}
.clearfix, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
.clearfix, fieldset dl, ul.topiclist dl, dl.polls {
height: 1%;
overflow: hidden;
}

32
phpBB/styles/prosilver/theme/cp.css
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;
}

7
phpBB/styles/prosilver/theme/responsive.css
View File

@ -191,6 +191,13 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
/* *CP navigation
----------------------------------------*/
.nojs #tabs a span, .nojs #minitabs a span {
max-width: 40px;
overflow: hidden;
text-overflow: ellipsis;
letter-spacing: -.5px;
}
#cp-menu, #navigation, #cp-main {
float: none;
width: auto;