mirror of
https://github.com/phpbb/phpbb.git
synced 2025-08-30 03:30:17 +02:00
Merge remote-tracking branch 'PayBas/ticket/12662' into develop-ascraeus
* PayBas/ticket/12662: (29 commits) [ticket/12662] Hide quick-links when empty [ticket/12662] Fix white-space issue to make dropdowns uniform [ticket/12662] Remove last remaining linklist outside navbars [ticket/12662] Use data-last-responsive attr instead of hardcoded list [ticket/12662] Remove <li> container from logged_out_content event [ticket/12662] Username <span> fix for list columns [ticket/12662] Fix notifications dropdown positioning for RTL [ticket/12662] Update tests that utilize get_username_string [ticket/12662] Update subsilver2 index template event names [ticket/12662] Update events docs from b5 to rc1/rc2 [ticket/12662] Move dropdown container from <li> to new inner div [ticket/12662] Remove linklist container and update template events [ticket/12662] Add span containers to all usernames for consistency [ticket/12662] IE8 fixes [ticket/12662] Fix responsive positioning of notifications dropdown [ticket/12662] Remove inherited props from ddown-extendended [ticket/12662] Change CSS selectors to direct descendants for linklist [ticket/12662] Reorder icon CSS rules alphabetically [ticket/12662] Use slack variable to determine line-break sensitivity [ticket/12662] Change new event names and fix events.md ...
This commit is contained in:
@@ -271,7 +271,7 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul {
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 5px 10px 5px 10px;
|
||||
padding: 3px 10px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
@@ -317,6 +317,10 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul {
|
||||
|
||||
/* Horizontal lists
|
||||
----------------------------------------*/
|
||||
.navbar ul.linklist {
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
ul.linklist {
|
||||
display: block;
|
||||
margin: 0;
|
||||
@@ -332,29 +336,25 @@ ul.linklist:after {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
ul.linklist li {
|
||||
display: block;
|
||||
list-style-type: none;
|
||||
ul.linklist > li {
|
||||
float: left;
|
||||
width: auto;
|
||||
margin-right: 5px;
|
||||
font-size: 1.1em;
|
||||
line-height: 2.2em;
|
||||
list-style-type: none;
|
||||
margin-right: 7px;
|
||||
padding-top: 1px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
ul.linklist li.rightside, p.rightside {
|
||||
ul.linklist > li.rightside, p.rightside, a.rightside {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
margin-left: 7px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
ul.navlinks {
|
||||
padding-bottom: 1px;
|
||||
margin-bottom: 1px;
|
||||
border-bottom: 1px solid transparent;
|
||||
font-weight: bold;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
ul.leftside {
|
||||
@@ -382,7 +382,7 @@ ul.linklist li.responsive-menu a.responsive-menu-link {
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
width: 16px;
|
||||
line-height: 16.5px;
|
||||
line-height: 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -413,27 +413,18 @@ li.responsive-menu.dropdown-left .dropdown {
|
||||
right: -6px;
|
||||
}
|
||||
|
||||
li.responsive-menu .dropdown .dropdown-contents {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
ul.linklist .dropdown-down .dropdown {
|
||||
ul.linklist .dropdown {
|
||||
top: 22px;
|
||||
}
|
||||
|
||||
ul.linklist .dropdown-up .dropdown {
|
||||
bottom: 18px;
|
||||
top: auto;
|
||||
}
|
||||
|
||||
ul.linklist .dropdown li {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Bulletin icons for list items
|
||||
----------------------------------------*/
|
||||
ul.linklist.bulletin li:before {
|
||||
ul.linklist.bulletin > li:before {
|
||||
display: inline-block;
|
||||
content: "\2022";
|
||||
font-size: inherit;
|
||||
@@ -441,11 +432,12 @@ ul.linklist.bulletin li:before {
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
ul.linklist.bulletin li:first-child:before, ul.linklist.bulletin li.rightside:last-child:before {
|
||||
ul.linklist.bulletin > li:first-child:before,
|
||||
ul.linklist.bulletin > li.rightside:last-child:before {
|
||||
content: none;
|
||||
}
|
||||
|
||||
ul.linklist.bulletin li.no-bulletin:before {
|
||||
ul.linklist.bulletin > li.no-bulletin:before {
|
||||
content: none;
|
||||
}
|
||||
|
||||
@@ -453,14 +445,32 @@ ul.linklist.bulletin li.no-bulletin:before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Avatar in overall_header.html */
|
||||
/* Profile in overall_header.html */
|
||||
.header-profile {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.header-avatar:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.header-avatar img {
|
||||
margin-bottom: 2px;
|
||||
max-height: 25px;
|
||||
max-height: 20px;
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.header-avatar span:after {
|
||||
content: '\25BC';
|
||||
display: inline-block;
|
||||
font-size: 9px;
|
||||
float: right;
|
||||
margin-left: 2px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Dropdown menu
|
||||
----------------------------------------*/
|
||||
.dropdown-container {
|
||||
@@ -566,14 +576,14 @@ ul.linklist.bulletin li.no-bulletin:before {
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
min-width: 40px;
|
||||
max-height: 200px;
|
||||
max-height: 300px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.dropdown li {
|
||||
border-bottom: 1px dotted transparent;
|
||||
border-top: 1px dotted transparent;
|
||||
float: none !important;
|
||||
line-height: normal !important;
|
||||
font-size: 1em !important;
|
||||
@@ -585,8 +595,8 @@ ul.linklist.bulletin li.no-bulletin:before {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.dropdown li:last-child, .dropdown li li {
|
||||
border-bottom: 0;
|
||||
.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.dropdown li li:first-child {
|
||||
@@ -606,7 +616,13 @@ ul.linklist.bulletin li.no-bulletin:before {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.dropdown li:before, .dropdown li:after {
|
||||
.dropdown li.separator {
|
||||
border-top: 1px solid transparent;
|
||||
margin: 4px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.dropdown li.separator:first-child, .dropdown li.separator:last-child {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@@ -614,6 +630,7 @@ ul.linklist.bulletin li.no-bulletin:before {
|
||||
----------------------------------------*/
|
||||
.breadcrumbs .crumb {
|
||||
float: left;
|
||||
font-weight: bold;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
@@ -1109,11 +1126,7 @@ form > p.post-notice strong {
|
||||
|
||||
.dropdown-extended {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 340px;
|
||||
z-index: 1;
|
||||
top: 22px;
|
||||
}
|
||||
|
||||
.dropdown-extended ul {
|
||||
@@ -1127,24 +1140,30 @@ form > p.post-notice strong {
|
||||
padding: 0;
|
||||
margin: 0 !important;
|
||||
float: none;
|
||||
border-bottom: 1px solid;
|
||||
border-top: 1px solid;
|
||||
list-style-type: none;
|
||||
font-size: 0.95em;
|
||||
clear: both;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-extended ul li.no_notifications {
|
||||
padding: 10px;
|
||||
.dropdown-extended ul li:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.dropdown-extended ul li:before, .dropdown-extended ul li:after {
|
||||
display: none;
|
||||
.dropdown-extended ul li.no_notifications {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.dropdown-extended .dropdown-contents {
|
||||
max-height: none;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.nojs .dropdown-extended .dropdown-contents {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-extended .header {
|
||||
@@ -1152,6 +1171,7 @@ form > p.post-notice strong {
|
||||
font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
text-shadow: 1px 1px 1px white;
|
||||
text-transform: uppercase;
|
||||
line-height: 30px;
|
||||
@@ -1243,6 +1263,30 @@ form > p.post-notice strong {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Navbar specific list items
|
||||
----------------------------------------*/
|
||||
|
||||
#quick-links {
|
||||
margin: 0 7px 0 0;
|
||||
}
|
||||
|
||||
#quick-links a.responsive-menu-link {
|
||||
display: block;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
margin: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#quick-links a.responsive-menu-link:before {
|
||||
font-size: 16px;
|
||||
line-height: 16.5px;
|
||||
}
|
||||
|
||||
.compact #quick-links a.responsive-menu-link {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.compact .icon-notification > a > span, .compact .icon-pm > a > span {
|
||||
display: none;
|
||||
}
|
||||
@@ -1262,3 +1306,19 @@ form > p.post-notice strong {
|
||||
.dropdown-page-jump input.tiny {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.dropdown .clone {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.responsive .dropdown .clone {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
.dropdown .clone + li.separator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.responsive .dropdown .clone + li.separator {
|
||||
display: inherit;
|
||||
}
|
||||
|
Reference in New Issue
Block a user