makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-28 14:18:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

[ticket/11956] Move responsive *CP navigation

Browse source 
Move responsive *CP navigation to cp.css because
layout has to change at width higher than 700px

PHPBB3-11956
This commit is contained in:
Vjacheslav Trushkin 2013-10-21 21:28:32 +03:00
parent 9b78966211
commit 5c51378186
2 changed files with 38 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -417,3 +417,41 @@ ol.def-rules li {
border: 1px solid transparent;
text-align: center;
}
/* Responsive *CP navigation
----------------------------------------*/
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
.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;
margin: 0;
}
#navigation {
padding: 0;
margin: 0 auto;
max-width: 320px;
}
#navigation a {
background-image: none;
}
#navigation li:first-child a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#navigation li:last-child a {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
}

35
phpBB/styles/prosilver/theme/responsive.css
View file

@ -211,41 +211,6 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
margin: 5px 0;
}
/* *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;
margin: 0;
}
#navigation {
padding: 0;
margin: 0 auto;
max-width: 320px;
}
#navigation a {
background-image: none;
}
#navigation li:first-child a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#navigation li:last-child a {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
/* Responsive tables
----------------------------------------*/
table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {