diff --git a/wp-admin/about.php b/wp-admin/about.php index a24745d1df..496cb4e78d 100644 --- a/wp-admin/about.php +++ b/wp-admin/about.php @@ -53,7 +53,9 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
-

+
+

+
@@ -88,7 +90,9 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
-

+
+

+
@@ -116,7 +120,9 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
-

+
+

+
@@ -137,7 +143,9 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
-

+
+

+
@@ -242,34 +250,84 @@ include( ABSPATH . 'wp-admin/admin-header.php' ); offset += $adminbar.height(); } - var adjustScrollClass = _.throttle( function adjustScrollClass() { + function setup() { + $sections.each( function( i, section ) { + var $section = $( section ); + // Set width on header to prevent column jump + var $header = $section.find('.section-header'); + $header.css( { + width: $header.innerWidth() + 'px' + } ); + + // If the title is long, switch the layout + var $title = $section.find( 'h2' ); + if ( $title.innerWidth() > 300 ) { + $section.addClass( 'has-long-title' ); + } + } ); + } + + var adjustScrollPosition = _.throttle( function adjustScrollPosition() { $sections.each( function( i, section ) { var $section = $( section ); var $header = $section.find( 'h2' ); var width = $header.innerWidth(); + var height = $header.innerHeight(); + + if ( $section.hasClass( 'has-long-title' ) ) { + return; + } var sectionStart = $section.offset().top - offset; - var sectionEnd = sectionStart + $section.innerHeight() - 60; + var sectionEnd = sectionStart + $section.innerHeight(); + var scrollPos = $window.scrollTop(); // If we're scrolled into a section, stick the header - if ( $window.scrollTop() >= sectionStart && $window.scrollTop() < sectionEnd ) { - $header.addClass( 'header-fixed' ); - $header.css( { top: offset + 'px', width: width + 'px' } ); + if ( scrollPos >= sectionStart && scrollPos < sectionEnd - height ) { + $header.css( { + position: 'fixed', + top: offset + 'px', + bottom: 'auto', + width: width + 'px' + } ); + // If we're at the end of the section, stick the header to the bottom + } else if ( scrollPos >= sectionEnd - height && scrollPos < sectionEnd ) { + $header.css( { + position: 'absolute', + top: 'auto', + bottom: 0, + width: width + 'px' + } ); + // Unstick the header } else { - $header.removeClass( 'header-fixed' ); - $header.css( { top: 0, width: 'auto' } ); + $header.css( { + position: 'static', + top: 'auto', + bottom: 'auto', + width: 'auto' + } ); } } ); }, 100 ); + function enableFixedHeaders() { if ( $window.width() > 782 ) { - adjustScrollClass(); - $window.on( 'scroll', adjustScrollClass ); + setup(); + adjustScrollPosition(); + $window.on( 'scroll', adjustScrollPosition ); } else { - $window.off( 'scroll', adjustScrollClass ); + $window.off( 'scroll', adjustScrollPosition ); + $sections.find( '.section-header' ) + .css( { + width: 'auto' + } ); $sections.find( 'h2' ) - .removeClass( 'header-fixed' ) - .css( { top: 0, width: 'auto' } ); + .css( { + position: 'static', + top: 'auto', + bottom: 'auto', + width: 'auto' + } ); } } $( window ).resize( enableFixedHeaders ); diff --git a/wp-admin/css/about-rtl.css b/wp-admin/css/about-rtl.css index 89adcb28c9..ee9753184a 100644 --- a/wp-admin/css/about-rtl.css +++ b/wp-admin/css/about-rtl.css @@ -364,16 +364,15 @@ margin: 0 auto 120px; } -.about-wrap .floating-header-section h2 { +.about-wrap .floating-header-section .section-header { -ms-grid-column: 1; grid-column: 1; - text-align: right; - margin: 0; + position: relative; } -.about-wrap .floating-header-section .header-fixed { - position: fixed; - width: 300px; +.about-wrap .floating-header-section h2 { + margin: 0; + text-align: right; } .about-wrap .floating-header-section .section-content { @@ -396,6 +395,27 @@ grid-column: 2; } +.about-wrap .floating-header-section.has-long-title { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + grid-gap: 60px 0; +} + +.about-wrap .floating-header-section.has-long-title .section-content { + -ms-grid-columns: minmax(max-content, 300px) minmax(max-content, 300px); + grid-template-columns: minmax(max-content, 300px) minmax(max-content, 300px); +} + +.about-wrap .floating-header-section.has-long-title .section-item { + max-width: 300px; +} + +.about-wrap .floating-header-section.has-long-title .section-header, +.about-wrap .floating-header-section.has-long-title .section-content { + -ms-grid-column: 1; + grid-column: 1; +} + /*------------------------------------------------------------------------------ 3.0 - Credits & Freedoms Pages ------------------------------------------------------------------------------*/ @@ -415,7 +435,7 @@ } .about-wrap .compact { - margin-bottom: 0 + margin-bottom: 0; } .about-wrap .wp-person { @@ -509,7 +529,7 @@ grid-gap: 60px 0; } - .about-wrap .floating-header-section h2, + .about-wrap .floating-header-section .section-header, .about-wrap .floating-header-section .section-content { -ms-grid-column: 1; grid-column: 1; @@ -568,6 +588,13 @@ margin-bottom: 60px; } + .about-wrap .floating-header-section h2 { + word-break: break-all; + -webkit-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; + } + .about-wrap .floating-header-section .section-content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; @@ -577,5 +604,6 @@ .about-wrap .floating-header-section .section-content .section-item { -ms-grid-column: 1; grid-column: 1; + max-width: 100%; } } diff --git a/wp-admin/css/about-rtl.min.css b/wp-admin/css/about-rtl.min.css index 521d46380f..88c1bddbd1 100644 --- a/wp-admin/css/about-rtl.min.css +++ b/wp-admin/css/about-rtl.min.css @@ -1,2 +1,2 @@ /*! This file is auto-generated */ -.about-wrap{position:relative;margin:25px 20px 0 40px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:0;border-top:1px solid rgba(0,0,0,.1)}.about-wrap img{margin:0;max-width:100%;height:auto;vertical-align:middle}.about-wrap .jetpack-video-wrapper{margin-bottom:0}.wp-badge{background:url(../images/w-logo-white.png?ver=20160308) center 25px no-repeat #0073aa;background-size:80px 80px;color:#fff;font-size:14px;text-align:center;font-weight:600;margin:5px 0 0;padding-top:120px;height:40px;display:inline-block;width:140px;text-rendering:optimizeLegibility;box-shadow:0 1px 3px rgba(0,0,0,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;left:0}.about-wrap .nav-tab{padding-left:15px;padding-right:15px;font-size:18px}.about-wrap p{line-height:1.5;font-size:14px}.about-wrap .feature-section p{max-width:55em;margin-right:auto;margin-left:auto}.about-wrap h1{margin:.2em 0 0 200px;padding:0;color:#32373c;line-height:1.2em;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 0 .6em;font-size:1.4em;line-height:1.5}.about-wrap h4{color:#23282d}.about-wrap .changelog h2{font-size:1.4em;font-weight:600;text-align:right}.about-wrap .embed-container,.about-wrap .featured-image,.about-wrap .lead-description{text-align:center}.about-wrap .changelog h3{margin:1.33em 0;font-size:1em;line-height:inherit;color:#23282d}.about-wrap code,.about-wrap ol li p{font-size:14px;font-weight:400}.about-wrap .about-description,.about-wrap .about-text{margin-top:1.4em;font-weight:400;line-height:1.6em;font-size:19px}.about-wrap .about-text{margin:1em 0 1em 200px;min-height:60px;color:#555d66}.about-wrap [class$="-col"]{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.about-wrap .feature-section.one-col{margin:0 auto;max-width:700px}.about-wrap .inline-svg img{max-width:100%;width:100%;height:auto}.about-wrap .inline-svg.full-width{margin-bottom:120px}.about-wrap [class$="-col"] .col{-webkit-box-flex:1;flex:1}.about-wrap .two-col .col{min-width:47%;max-width:47%}.about-wrap .three-col .col{-webkit-align-self:flex-start;align-self:flex-start;min-width:31%;max-width:31%}.about-wrap .two-col img{margin-bottom:1.5em}.about-wrap .feature-video .mejs-controls{display:none!important}.about-wrap .feature-video .mejs-overlay-loading span{background:0 0}.about-wrap .point-releases{margin-top:5px;border-bottom:1px solid #ddd}.about-wrap .changelog.point-releases h3{padding-top:35px}.about-wrap .changelog.point-releases h3:first-child{padding-top:7px}.about-wrap .feature-section.two-col h3{margin-top:0}.about-wrap .feature-section h4{margin:1.4em 0 .6em;font-size:1em}.about-wrap .feature-section p{margin-top:.6em}.about-wrap .lead-description{font-size:1.5em}.about-wrap .two-col-text{-webkit-column-count:2;column-count:2;-webkit-column-gap:40px;column-gap:40px}.about-wrap .two-col-text p:first-of-type{margin-top:0}.about-wrap .native-fonts p,.about-wrap .streamlined-updates p{margin-bottom:3em}.about-wrap .headline-feature.feature-video{position:relative;margin:40px 0;padding-bottom:56.25%;width:100%;max-width:100%;height:0;text-align:center}.about-wrap .changelog.feature-section .col,.about-wrap .feature-section .col{margin-top:40px}.about-wrap .feature-video embed{position:absolute;top:0;right:0;width:100%;height:100%}.about-wrap .feature-section{overflow:hidden;padding:0 0 40px}.about-wrap .feature-section.no-heading{padding-top:35px}.about-wrap .feature-section .media-container{overflow:hidden}.about-wrap .feature-section img{margin-bottom:1em}.about-wrap .embed-container iframe,.about-wrap .wp-embedded-content{max-width:100%}.about-wrap .changelog{margin-bottom:40px}.about-wrap .return-to-dashboard{margin:30px -5px 0 0;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.about-wrap .floating-header-section{display:-ms-grid;display:grid;grid-gap:0 60px;-ms-grid-columns:5fr 11fr;grid-template-columns:5fr 11fr;max-width:1020px;margin:0 auto 120px}.about-wrap .floating-header-section h2{-ms-grid-column:1;grid-column:1;text-align:right;margin:0}.about-wrap .floating-header-section .header-fixed{position:fixed;width:300px}.about-wrap .floating-header-section .section-content{display:-ms-grid;display:grid;grid-gap:60px;-ms-grid-columns:5fr 5fr;grid-template-columns:5fr 5fr;-ms-grid-column:2;grid-column:2}.about-wrap .floating-header-section .section-item:nth-of-type(odd){-ms-grid-column:1;grid-column:1}.about-wrap .floating-header-section .section-item:nth-of-type(even){-ms-grid-column:2;grid-column:2}.about-wrap h3.wp-people-group{margin:2.6em 0 1.33em;padding:0;font-size:16px;line-height:inherit}.about-wrap .wp-people-group{padding:0 5px;margin:0 -5px 0 -15px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-left:10px;padding-bottom:15px;height:70px;width:280px}.about-wrap .compact .wp-person{height:auto;width:180px;padding-bottom:0;margin-bottom:0}.about-wrap .wp-person .gravatar{float:right;margin:0 0 10px 10px;padding:1px;width:60px;height:60px}.about-wrap .compact .wp-person .gravatar{width:30px;height:30px}.about-wrap .wp-person .web{margin:6px 0 2px;font-size:16px;font-weight:400;line-height:2em;text-decoration:none}.about-wrap .wp-person .title{display:block}.about-wrap #wp-people-group-validators+p.wp-credits-list{margin-top:0}.about-wrap p.wp-credits-list a{white-space:nowrap}.freedoms-php .about-wrap ol{margin:40px 60px}.freedoms-php .about-wrap ol li{list-style-type:decimal;font-weight:600}.freedoms-php .about-wrap ol p{font-weight:400;margin:.6em 0}@media screen and (max-width:782px){.about-wrap .two-col-text{-webkit-column-count:1;column-count:1}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:48%!important}.about-wrap .three-col img{display:block;margin:0 auto}.about-wrap .floating-header-section{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section .section-content,.about-wrap .floating-header-section h2{-ms-grid-column:1;grid-column:1}}@media only screen and (max-width:500px){.about-wrap{margin-left:20px;margin-right:10px}.about-wrap .about-text,.about-wrap h1{margin-left:0}.about-wrap .about-text{margin-bottom:.25em}.about-wrap .wp-badge{position:relative;margin-bottom:1.5em;width:100%}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:100%!important}.about-wrap .under-the-hood.one-col .col,.about-wrap .under-the-hood.three-col .col,.about-wrap .under-the-hood.two-col .col{margin-bottom:2em;padding-bottom:0}.about-wrap .under-the-hood:nth-of-type(2n),.about-wrap .under-the-hood:nth-of-type(3n){margin-top:0}.about-wrap .under-the-hood:nth-of-type(2n) h3,.about-wrap .under-the-hood:nth-of-type(3n) h3{margin-top:0}.about-wrap .floating-header-section{margin-bottom:60px;grid-gap:30px 0}.about-wrap .inline-svg.full-width{margin-bottom:60px}.about-wrap .floating-header-section .section-content{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section .section-content .section-item{-ms-grid-column:1;grid-column:1}} \ No newline at end of file +.about-wrap{position:relative;margin:25px 20px 0 40px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:0;border-top:1px solid rgba(0,0,0,.1)}.about-wrap img{margin:0;max-width:100%;height:auto;vertical-align:middle}.about-wrap .jetpack-video-wrapper{margin-bottom:0}.wp-badge{background:url(../images/w-logo-white.png?ver=20160308) center 25px no-repeat #0073aa;background-size:80px 80px;color:#fff;font-size:14px;text-align:center;font-weight:600;margin:5px 0 0;padding-top:120px;height:40px;display:inline-block;width:140px;text-rendering:optimizeLegibility;box-shadow:0 1px 3px rgba(0,0,0,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;left:0}.about-wrap .nav-tab{padding-left:15px;padding-right:15px;font-size:18px}.about-wrap p{line-height:1.5;font-size:14px}.about-wrap .feature-section p{max-width:55em;margin-right:auto;margin-left:auto}.about-wrap h1{margin:.2em 0 0 200px;padding:0;color:#32373c;line-height:1.2em;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 0 .6em;font-size:1.4em;line-height:1.5}.about-wrap h4{color:#23282d}.about-wrap .changelog h2{font-size:1.4em;font-weight:600;text-align:right}.about-wrap .embed-container,.about-wrap .featured-image,.about-wrap .lead-description{text-align:center}.about-wrap .changelog h3{margin:1.33em 0;font-size:1em;line-height:inherit;color:#23282d}.about-wrap code,.about-wrap ol li p{font-size:14px;font-weight:400}.about-wrap .about-description,.about-wrap .about-text{margin-top:1.4em;font-weight:400;line-height:1.6em;font-size:19px}.about-wrap .about-text{margin:1em 0 1em 200px;min-height:60px;color:#555d66}.about-wrap [class$="-col"]{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.about-wrap .feature-section.one-col{margin:0 auto;max-width:700px}.about-wrap .inline-svg img{max-width:100%;width:100%;height:auto}.about-wrap .inline-svg.full-width{margin-bottom:120px}.about-wrap [class$="-col"] .col{-webkit-box-flex:1;flex:1}.about-wrap .two-col .col{min-width:47%;max-width:47%}.about-wrap .three-col .col{-webkit-align-self:flex-start;align-self:flex-start;min-width:31%;max-width:31%}.about-wrap .two-col img{margin-bottom:1.5em}.about-wrap .feature-video .mejs-controls{display:none!important}.about-wrap .feature-video .mejs-overlay-loading span{background:0 0}.about-wrap .point-releases{margin-top:5px;border-bottom:1px solid #ddd}.about-wrap .changelog.point-releases h3{padding-top:35px}.about-wrap .changelog.point-releases h3:first-child{padding-top:7px}.about-wrap .feature-section.two-col h3{margin-top:0}.about-wrap .feature-section h4{margin:1.4em 0 .6em;font-size:1em}.about-wrap .feature-section p{margin-top:.6em}.about-wrap .lead-description{font-size:1.5em}.about-wrap .two-col-text{-webkit-column-count:2;column-count:2;-webkit-column-gap:40px;column-gap:40px}.about-wrap .two-col-text p:first-of-type{margin-top:0}.about-wrap .native-fonts p,.about-wrap .streamlined-updates p{margin-bottom:3em}.about-wrap .headline-feature.feature-video{position:relative;margin:40px 0;padding-bottom:56.25%;width:100%;max-width:100%;height:0;text-align:center}.about-wrap .changelog.feature-section .col,.about-wrap .feature-section .col{margin-top:40px}.about-wrap .feature-video embed{position:absolute;top:0;right:0;width:100%;height:100%}.about-wrap .feature-section{overflow:hidden;padding:0 0 40px}.about-wrap .feature-section.no-heading{padding-top:35px}.about-wrap .feature-section .media-container{overflow:hidden}.about-wrap .feature-section img{margin-bottom:1em}.about-wrap .embed-container iframe,.about-wrap .wp-embedded-content{max-width:100%}.about-wrap .changelog{margin-bottom:40px}.about-wrap .return-to-dashboard{margin:30px -5px 0 0;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.about-wrap .floating-header-section{display:-ms-grid;display:grid;grid-gap:0 60px;-ms-grid-columns:5fr 11fr;grid-template-columns:5fr 11fr;max-width:1020px;margin:0 auto 120px}.about-wrap .floating-header-section .section-header{-ms-grid-column:1;grid-column:1;position:relative}.about-wrap .floating-header-section h2{margin:0;text-align:right}.about-wrap .floating-header-section .section-content{display:-ms-grid;display:grid;grid-gap:60px;-ms-grid-columns:5fr 5fr;grid-template-columns:5fr 5fr;-ms-grid-column:2;grid-column:2}.about-wrap .floating-header-section .section-item:nth-of-type(odd){-ms-grid-column:1;grid-column:1}.about-wrap .floating-header-section .section-item:nth-of-type(even){-ms-grid-column:2;grid-column:2}.about-wrap .floating-header-section.has-long-title{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section.has-long-title .section-content{-ms-grid-columns:minmax(max-content,300px) minmax(max-content,300px);grid-template-columns:minmax(max-content,300px) minmax(max-content,300px)}.about-wrap .floating-header-section.has-long-title .section-item{max-width:300px}.about-wrap .floating-header-section.has-long-title .section-content,.about-wrap .floating-header-section.has-long-title .section-header{-ms-grid-column:1;grid-column:1}.about-wrap h3.wp-people-group{margin:2.6em 0 1.33em;padding:0;font-size:16px;line-height:inherit}.about-wrap .wp-people-group{padding:0 5px;margin:0 -5px 0 -15px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-left:10px;padding-bottom:15px;height:70px;width:280px}.about-wrap .compact .wp-person{height:auto;width:180px;padding-bottom:0;margin-bottom:0}.about-wrap .wp-person .gravatar{float:right;margin:0 0 10px 10px;padding:1px;width:60px;height:60px}.about-wrap .compact .wp-person .gravatar{width:30px;height:30px}.about-wrap .wp-person .web{margin:6px 0 2px;font-size:16px;font-weight:400;line-height:2em;text-decoration:none}.about-wrap .wp-person .title{display:block}.about-wrap #wp-people-group-validators+p.wp-credits-list{margin-top:0}.about-wrap p.wp-credits-list a{white-space:nowrap}.freedoms-php .about-wrap ol{margin:40px 60px}.freedoms-php .about-wrap ol li{list-style-type:decimal;font-weight:600}.freedoms-php .about-wrap ol p{font-weight:400;margin:.6em 0}@media screen and (max-width:782px){.about-wrap .two-col-text{-webkit-column-count:1;column-count:1}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:48%!important}.about-wrap .three-col img{display:block;margin:0 auto}.about-wrap .floating-header-section{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section .section-content,.about-wrap .floating-header-section .section-header{-ms-grid-column:1;grid-column:1}}@media only screen and (max-width:500px){.about-wrap{margin-left:20px;margin-right:10px}.about-wrap .about-text,.about-wrap h1{margin-left:0}.about-wrap .about-text{margin-bottom:.25em}.about-wrap .wp-badge{position:relative;margin-bottom:1.5em;width:100%}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:100%!important}.about-wrap .under-the-hood.one-col .col,.about-wrap .under-the-hood.three-col .col,.about-wrap .under-the-hood.two-col .col{margin-bottom:2em;padding-bottom:0}.about-wrap .under-the-hood:nth-of-type(2n),.about-wrap .under-the-hood:nth-of-type(3n){margin-top:0}.about-wrap .under-the-hood:nth-of-type(2n) h3,.about-wrap .under-the-hood:nth-of-type(3n) h3{margin-top:0}.about-wrap .floating-header-section{margin-bottom:60px;grid-gap:30px 0}.about-wrap .inline-svg.full-width{margin-bottom:60px}.about-wrap .floating-header-section h2{word-break:break-all;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.about-wrap .floating-header-section .section-content{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section .section-content .section-item{-ms-grid-column:1;grid-column:1;max-width:100%}} \ No newline at end of file diff --git a/wp-admin/css/about.css b/wp-admin/css/about.css index e38cd10bb8..4ff91c7755 100644 --- a/wp-admin/css/about.css +++ b/wp-admin/css/about.css @@ -364,16 +364,15 @@ margin: 0 auto 120px; } -.about-wrap .floating-header-section h2 { +.about-wrap .floating-header-section .section-header { -ms-grid-column: 1; grid-column: 1; - text-align: left; - margin: 0; + position: relative; } -.about-wrap .floating-header-section .header-fixed { - position: fixed; - width: 300px; +.about-wrap .floating-header-section h2 { + margin: 0; + text-align: left; } .about-wrap .floating-header-section .section-content { @@ -396,6 +395,27 @@ grid-column: 2; } +.about-wrap .floating-header-section.has-long-title { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + grid-gap: 60px 0; +} + +.about-wrap .floating-header-section.has-long-title .section-content { + -ms-grid-columns: minmax(max-content, 300px) minmax(max-content, 300px); + grid-template-columns: minmax(max-content, 300px) minmax(max-content, 300px); +} + +.about-wrap .floating-header-section.has-long-title .section-item { + max-width: 300px; +} + +.about-wrap .floating-header-section.has-long-title .section-header, +.about-wrap .floating-header-section.has-long-title .section-content { + -ms-grid-column: 1; + grid-column: 1; +} + /*------------------------------------------------------------------------------ 3.0 - Credits & Freedoms Pages ------------------------------------------------------------------------------*/ @@ -415,7 +435,7 @@ } .about-wrap .compact { - margin-bottom: 0 + margin-bottom: 0; } .about-wrap .wp-person { @@ -509,7 +529,7 @@ grid-gap: 60px 0; } - .about-wrap .floating-header-section h2, + .about-wrap .floating-header-section .section-header, .about-wrap .floating-header-section .section-content { -ms-grid-column: 1; grid-column: 1; @@ -568,6 +588,13 @@ margin-bottom: 60px; } + .about-wrap .floating-header-section h2 { + word-break: break-all; + -webkit-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; + } + .about-wrap .floating-header-section .section-content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; @@ -577,5 +604,6 @@ .about-wrap .floating-header-section .section-content .section-item { -ms-grid-column: 1; grid-column: 1; + max-width: 100%; } } diff --git a/wp-admin/css/about.min.css b/wp-admin/css/about.min.css index 4a240b340f..686447f5d7 100644 --- a/wp-admin/css/about.min.css +++ b/wp-admin/css/about.min.css @@ -1,2 +1,2 @@ /*! This file is auto-generated */ -.about-wrap{position:relative;margin:25px 40px 0 20px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:0;border-top:1px solid rgba(0,0,0,.1)}.about-wrap img{margin:0;max-width:100%;height:auto;vertical-align:middle}.about-wrap .jetpack-video-wrapper{margin-bottom:0}.wp-badge{background:url(../images/w-logo-white.png?ver=20160308) center 25px no-repeat #0073aa;background-size:80px 80px;color:#fff;font-size:14px;text-align:center;font-weight:600;margin:5px 0 0;padding-top:120px;height:40px;display:inline-block;width:140px;text-rendering:optimizeLegibility;box-shadow:0 1px 3px rgba(0,0,0,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;right:0}.about-wrap .nav-tab{padding-right:15px;padding-left:15px;font-size:18px}.about-wrap p{line-height:1.5;font-size:14px}.about-wrap .feature-section p{max-width:55em;margin-left:auto;margin-right:auto}.about-wrap h1{margin:.2em 200px 0 0;padding:0;color:#32373c;line-height:1.2em;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 0 .6em;font-size:1.4em;line-height:1.5}.about-wrap h4{color:#23282d}.about-wrap .changelog h2{font-size:1.4em;font-weight:600;text-align:left}.about-wrap .embed-container,.about-wrap .featured-image,.about-wrap .lead-description{text-align:center}.about-wrap .changelog h3{margin:1.33em 0;font-size:1em;line-height:inherit;color:#23282d}.about-wrap code,.about-wrap ol li p{font-size:14px;font-weight:400}.about-wrap .about-description,.about-wrap .about-text{margin-top:1.4em;font-weight:400;line-height:1.6em;font-size:19px}.about-wrap .about-text{margin:1em 200px 1em 0;min-height:60px;color:#555d66}.about-wrap [class$="-col"]{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.about-wrap .feature-section.one-col{margin:0 auto;max-width:700px}.about-wrap .inline-svg img{max-width:100%;width:100%;height:auto}.about-wrap .inline-svg.full-width{margin-bottom:120px}.about-wrap [class$="-col"] .col{-webkit-box-flex:1;flex:1}.about-wrap .two-col .col{min-width:47%;max-width:47%}.about-wrap .three-col .col{-webkit-align-self:flex-start;align-self:flex-start;min-width:31%;max-width:31%}.about-wrap .two-col img{margin-bottom:1.5em}.about-wrap .feature-video .mejs-controls{display:none!important}.about-wrap .feature-video .mejs-overlay-loading span{background:0 0}.about-wrap .point-releases{margin-top:5px;border-bottom:1px solid #ddd}.about-wrap .changelog.point-releases h3{padding-top:35px}.about-wrap .changelog.point-releases h3:first-child{padding-top:7px}.about-wrap .feature-section.two-col h3{margin-top:0}.about-wrap .feature-section h4{margin:1.4em 0 .6em;font-size:1em}.about-wrap .feature-section p{margin-top:.6em}.about-wrap .lead-description{font-size:1.5em}.about-wrap .two-col-text{-webkit-column-count:2;column-count:2;-webkit-column-gap:40px;column-gap:40px}.about-wrap .two-col-text p:first-of-type{margin-top:0}.about-wrap .native-fonts p,.about-wrap .streamlined-updates p{margin-bottom:3em}.about-wrap .headline-feature.feature-video{position:relative;margin:40px 0;padding-bottom:56.25%;width:100%;max-width:100%;height:0;text-align:center}.about-wrap .changelog.feature-section .col,.about-wrap .feature-section .col{margin-top:40px}.about-wrap .feature-video embed{position:absolute;top:0;left:0;width:100%;height:100%}.about-wrap .feature-section{overflow:hidden;padding:0 0 40px}.about-wrap .feature-section.no-heading{padding-top:35px}.about-wrap .feature-section .media-container{overflow:hidden}.about-wrap .feature-section img{margin-bottom:1em}.about-wrap .embed-container iframe,.about-wrap .wp-embedded-content{max-width:100%}.about-wrap .changelog{margin-bottom:40px}.about-wrap .return-to-dashboard{margin:30px 0 0 -5px;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.about-wrap .floating-header-section{display:-ms-grid;display:grid;grid-gap:0 60px;-ms-grid-columns:5fr 11fr;grid-template-columns:5fr 11fr;max-width:1020px;margin:0 auto 120px}.about-wrap .floating-header-section h2{-ms-grid-column:1;grid-column:1;text-align:left;margin:0}.about-wrap .floating-header-section .header-fixed{position:fixed;width:300px}.about-wrap .floating-header-section .section-content{display:-ms-grid;display:grid;grid-gap:60px;-ms-grid-columns:5fr 5fr;grid-template-columns:5fr 5fr;-ms-grid-column:2;grid-column:2}.about-wrap .floating-header-section .section-item:nth-of-type(odd){-ms-grid-column:1;grid-column:1}.about-wrap .floating-header-section .section-item:nth-of-type(even){-ms-grid-column:2;grid-column:2}.about-wrap h3.wp-people-group{margin:2.6em 0 1.33em;padding:0;font-size:16px;line-height:inherit}.about-wrap .wp-people-group{padding:0 5px;margin:0 -15px 0 -5px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-right:10px;padding-bottom:15px;height:70px;width:280px}.about-wrap .compact .wp-person{height:auto;width:180px;padding-bottom:0;margin-bottom:0}.about-wrap .wp-person .gravatar{float:left;margin:0 10px 10px 0;padding:1px;width:60px;height:60px}.about-wrap .compact .wp-person .gravatar{width:30px;height:30px}.about-wrap .wp-person .web{margin:6px 0 2px;font-size:16px;font-weight:400;line-height:2em;text-decoration:none}.about-wrap .wp-person .title{display:block}.about-wrap #wp-people-group-validators+p.wp-credits-list{margin-top:0}.about-wrap p.wp-credits-list a{white-space:nowrap}.freedoms-php .about-wrap ol{margin:40px 60px}.freedoms-php .about-wrap ol li{list-style-type:decimal;font-weight:600}.freedoms-php .about-wrap ol p{font-weight:400;margin:.6em 0}@media screen and (max-width:782px){.about-wrap .two-col-text{-webkit-column-count:1;column-count:1}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:48%!important}.about-wrap .three-col img{display:block;margin:0 auto}.about-wrap .floating-header-section{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section .section-content,.about-wrap .floating-header-section h2{-ms-grid-column:1;grid-column:1}}@media only screen and (max-width:500px){.about-wrap{margin-right:20px;margin-left:10px}.about-wrap .about-text,.about-wrap h1{margin-right:0}.about-wrap .about-text{margin-bottom:.25em}.about-wrap .wp-badge{position:relative;margin-bottom:1.5em;width:100%}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:100%!important}.about-wrap .under-the-hood.one-col .col,.about-wrap .under-the-hood.three-col .col,.about-wrap .under-the-hood.two-col .col{margin-bottom:2em;padding-bottom:0}.about-wrap .under-the-hood:nth-of-type(2n),.about-wrap .under-the-hood:nth-of-type(3n){margin-top:0}.about-wrap .under-the-hood:nth-of-type(2n) h3,.about-wrap .under-the-hood:nth-of-type(3n) h3{margin-top:0}.about-wrap .floating-header-section{margin-bottom:60px;grid-gap:30px 0}.about-wrap .inline-svg.full-width{margin-bottom:60px}.about-wrap .floating-header-section .section-content{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section .section-content .section-item{-ms-grid-column:1;grid-column:1}} \ No newline at end of file +.about-wrap{position:relative;margin:25px 40px 0 20px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:0;border-top:1px solid rgba(0,0,0,.1)}.about-wrap img{margin:0;max-width:100%;height:auto;vertical-align:middle}.about-wrap .jetpack-video-wrapper{margin-bottom:0}.wp-badge{background:url(../images/w-logo-white.png?ver=20160308) center 25px no-repeat #0073aa;background-size:80px 80px;color:#fff;font-size:14px;text-align:center;font-weight:600;margin:5px 0 0;padding-top:120px;height:40px;display:inline-block;width:140px;text-rendering:optimizeLegibility;box-shadow:0 1px 3px rgba(0,0,0,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;right:0}.about-wrap .nav-tab{padding-right:15px;padding-left:15px;font-size:18px}.about-wrap p{line-height:1.5;font-size:14px}.about-wrap .feature-section p{max-width:55em;margin-left:auto;margin-right:auto}.about-wrap h1{margin:.2em 200px 0 0;padding:0;color:#32373c;line-height:1.2em;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 0 .6em;font-size:1.4em;line-height:1.5}.about-wrap h4{color:#23282d}.about-wrap .changelog h2{font-size:1.4em;font-weight:600;text-align:left}.about-wrap .embed-container,.about-wrap .featured-image,.about-wrap .lead-description{text-align:center}.about-wrap .changelog h3{margin:1.33em 0;font-size:1em;line-height:inherit;color:#23282d}.about-wrap code,.about-wrap ol li p{font-size:14px;font-weight:400}.about-wrap .about-description,.about-wrap .about-text{margin-top:1.4em;font-weight:400;line-height:1.6em;font-size:19px}.about-wrap .about-text{margin:1em 200px 1em 0;min-height:60px;color:#555d66}.about-wrap [class$="-col"]{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.about-wrap .feature-section.one-col{margin:0 auto;max-width:700px}.about-wrap .inline-svg img{max-width:100%;width:100%;height:auto}.about-wrap .inline-svg.full-width{margin-bottom:120px}.about-wrap [class$="-col"] .col{-webkit-box-flex:1;flex:1}.about-wrap .two-col .col{min-width:47%;max-width:47%}.about-wrap .three-col .col{-webkit-align-self:flex-start;align-self:flex-start;min-width:31%;max-width:31%}.about-wrap .two-col img{margin-bottom:1.5em}.about-wrap .feature-video .mejs-controls{display:none!important}.about-wrap .feature-video .mejs-overlay-loading span{background:0 0}.about-wrap .point-releases{margin-top:5px;border-bottom:1px solid #ddd}.about-wrap .changelog.point-releases h3{padding-top:35px}.about-wrap .changelog.point-releases h3:first-child{padding-top:7px}.about-wrap .feature-section.two-col h3{margin-top:0}.about-wrap .feature-section h4{margin:1.4em 0 .6em;font-size:1em}.about-wrap .feature-section p{margin-top:.6em}.about-wrap .lead-description{font-size:1.5em}.about-wrap .two-col-text{-webkit-column-count:2;column-count:2;-webkit-column-gap:40px;column-gap:40px}.about-wrap .two-col-text p:first-of-type{margin-top:0}.about-wrap .native-fonts p,.about-wrap .streamlined-updates p{margin-bottom:3em}.about-wrap .headline-feature.feature-video{position:relative;margin:40px 0;padding-bottom:56.25%;width:100%;max-width:100%;height:0;text-align:center}.about-wrap .changelog.feature-section .col,.about-wrap .feature-section .col{margin-top:40px}.about-wrap .feature-video embed{position:absolute;top:0;left:0;width:100%;height:100%}.about-wrap .feature-section{overflow:hidden;padding:0 0 40px}.about-wrap .feature-section.no-heading{padding-top:35px}.about-wrap .feature-section .media-container{overflow:hidden}.about-wrap .feature-section img{margin-bottom:1em}.about-wrap .embed-container iframe,.about-wrap .wp-embedded-content{max-width:100%}.about-wrap .changelog{margin-bottom:40px}.about-wrap .return-to-dashboard{margin:30px 0 0 -5px;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.about-wrap .floating-header-section{display:-ms-grid;display:grid;grid-gap:0 60px;-ms-grid-columns:5fr 11fr;grid-template-columns:5fr 11fr;max-width:1020px;margin:0 auto 120px}.about-wrap .floating-header-section .section-header{-ms-grid-column:1;grid-column:1;position:relative}.about-wrap .floating-header-section h2{margin:0;text-align:left}.about-wrap .floating-header-section .section-content{display:-ms-grid;display:grid;grid-gap:60px;-ms-grid-columns:5fr 5fr;grid-template-columns:5fr 5fr;-ms-grid-column:2;grid-column:2}.about-wrap .floating-header-section .section-item:nth-of-type(odd){-ms-grid-column:1;grid-column:1}.about-wrap .floating-header-section .section-item:nth-of-type(even){-ms-grid-column:2;grid-column:2}.about-wrap .floating-header-section.has-long-title{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section.has-long-title .section-content{-ms-grid-columns:minmax(max-content,300px) minmax(max-content,300px);grid-template-columns:minmax(max-content,300px) minmax(max-content,300px)}.about-wrap .floating-header-section.has-long-title .section-item{max-width:300px}.about-wrap .floating-header-section.has-long-title .section-content,.about-wrap .floating-header-section.has-long-title .section-header{-ms-grid-column:1;grid-column:1}.about-wrap h3.wp-people-group{margin:2.6em 0 1.33em;padding:0;font-size:16px;line-height:inherit}.about-wrap .wp-people-group{padding:0 5px;margin:0 -15px 0 -5px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-right:10px;padding-bottom:15px;height:70px;width:280px}.about-wrap .compact .wp-person{height:auto;width:180px;padding-bottom:0;margin-bottom:0}.about-wrap .wp-person .gravatar{float:left;margin:0 10px 10px 0;padding:1px;width:60px;height:60px}.about-wrap .compact .wp-person .gravatar{width:30px;height:30px}.about-wrap .wp-person .web{margin:6px 0 2px;font-size:16px;font-weight:400;line-height:2em;text-decoration:none}.about-wrap .wp-person .title{display:block}.about-wrap #wp-people-group-validators+p.wp-credits-list{margin-top:0}.about-wrap p.wp-credits-list a{white-space:nowrap}.freedoms-php .about-wrap ol{margin:40px 60px}.freedoms-php .about-wrap ol li{list-style-type:decimal;font-weight:600}.freedoms-php .about-wrap ol p{font-weight:400;margin:.6em 0}@media screen and (max-width:782px){.about-wrap .two-col-text{-webkit-column-count:1;column-count:1}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:48%!important}.about-wrap .three-col img{display:block;margin:0 auto}.about-wrap .floating-header-section{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section .section-content,.about-wrap .floating-header-section .section-header{-ms-grid-column:1;grid-column:1}}@media only screen and (max-width:500px){.about-wrap{margin-right:20px;margin-left:10px}.about-wrap .about-text,.about-wrap h1{margin-right:0}.about-wrap .about-text{margin-bottom:.25em}.about-wrap .wp-badge{position:relative;margin-bottom:1.5em;width:100%}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:100%!important}.about-wrap .under-the-hood.one-col .col,.about-wrap .under-the-hood.three-col .col,.about-wrap .under-the-hood.two-col .col{margin-bottom:2em;padding-bottom:0}.about-wrap .under-the-hood:nth-of-type(2n),.about-wrap .under-the-hood:nth-of-type(3n){margin-top:0}.about-wrap .under-the-hood:nth-of-type(2n) h3,.about-wrap .under-the-hood:nth-of-type(3n) h3{margin-top:0}.about-wrap .floating-header-section{margin-bottom:60px;grid-gap:30px 0}.about-wrap .inline-svg.full-width{margin-bottom:60px}.about-wrap .floating-header-section h2{word-break:break-all;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.about-wrap .floating-header-section .section-content{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section .section-content .section-item{-ms-grid-column:1;grid-column:1;max-width:100%}} \ No newline at end of file diff --git a/wp-includes/version.php b/wp-includes/version.php index bacf0c8275..1bfac09809 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -4,7 +4,7 @@ * * @global string $wp_version */ -$wp_version = '5.0-alpha-42171'; +$wp_version = '5.0-alpha-42173'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.