makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-27 21:58:52 +00:00
Code Issues Projects Releases Packages 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 // Responsive tabs
$('#tabs').not('.skip-responsive').each(function() { $('#tabs, #minitabs').not('.skip-responsive').each(function() {
var $this = $(this), var $this = $(this),
$body = $('body'), $body = $('body'),
ul = $this.children(), ul = $this.children(),

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

@ -1154,7 +1154,7 @@ ul.responsive-popup {
background-color: #CADCEB; background-color: #CADCEB;
} }
#tabs ul.responsive-tabs { #tabs ul.responsive-tabs, #minitabs ul.responsive-tabs {
background: #ddedfb; background: #ddedfb;
border-color: #c0c9d5; border-color: #c0c9d5;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4); 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; text-overflow: ellipsis;
} }
.clearfix, #minitabs, fieldset dl, ul.topiclist dl, dl.polls { .clearfix, fieldset dl, ul.topiclist dl, dl.polls {
height: 1%; height: 1%;
overflow: hidden; overflow: hidden;
} }

32
phpBB/styles/prosilver/theme/cp.css
View file

@ -227,6 +227,10 @@ ul.cplist {
text-decoration: none; text-decoration: none;
} }
#minitabs .responsive-tab .responsive-tab-link span {
display: block;
}
.responsive-tab .responsive-tab-link span:before { .responsive-tab .responsive-tab-link span:before {
content: ''; content: '';
position: absolute; position: absolute;
@ -238,11 +242,16 @@ ul.cplist {
border-top: 0.375em double transparent; 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; position: relative;
} }
#tabs ul.responsive-tabs { #tabs ul.responsive-tabs, #minitabs ul.responsive-tabs {
position: absolute; position: absolute;
right: 0; right: 0;
top: 26px; top: 26px;
@ -251,11 +260,20 @@ ul.cplist {
border-radius: 5px; 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; 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; background: transparent;
float: none; float: none;
margin: 0; margin: 0;
@ -263,7 +281,11 @@ ul.cplist {
text-align: right; 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; 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 /* *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 { #cp-menu, #navigation, #cp-main {
float: none; float: none;
width: auto; width: auto;