honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed shifting content on page load 

Fixed shifting content when going from page to page in docs.
This commit is contained in:
alexwolfe 2016-04-22 14:25:55 -07:00 committed by Naomi Black
parent 9787a9ffb8
commit 165f6933a6
4 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
public/_includes/_hero.jade
View File

@ -3,23 +3,22 @@
- var headerTitle = title + (typeof varType !== 'undefined' ? (': ' + varType) : ''); - var headerTitle = title + (typeof varType !== 'undefined' ? (': ' + varType) : '');
- var capitalize = function capitalize(str) { return str.charAt(0).toUpperCase() + str.slice(1); } - var capitalize = function capitalize(str) { return str.charAt(0).toUpperCase() + str.slice(1); }
- var useBadges = docType || stability; - var useBadges = docType || stability;
if current.path[4] && current.path[3] == 'api' if current.path[4] && current.path[3] == 'api'
- var textFormat = 'is-standard-case' - var textFormat = 'is-standard-case'
header(class="hero background-sky") header(class="hero background-sky")
span(class="hero-title-with-badges" layout="row" layout-xs="column" layout-align="start center" layout-align-xs="start start") h1(class="hero-title text-display-1 #{textFormat}") #{headerTitle}
h1(class="hero-title text-display-1 #{textFormat}") #{headerTitle} if useBadges
if useBadges span(class="badges")
span(class="badges") if docType
if docType span(class="status-badge").
span(class="status-badge"). #{capitalize(docType)}
#{capitalize(docType)} if stability
if stability span(layout="row" class="status-badge")
span(layout="row" class="status-badge") // badge circle is filled based on stability by matching a css selector in _hero.scss
// badge circle is filled based on stability by matching a css selector in _hero.scss span(class="status-circle status-#{stability}")
span(class="status-circle status-#{stability}") span Stability: #{capitalize(stability)}
span Stability: #{capitalize(stability)}
if subtitle if subtitle
h2.hero-subtitle.text-subhead #{subtitle} h2.hero-subtitle.text-subhead #{subtitle}

2
public/_includes/_version-dropdown.jade
View File

@ -64,7 +64,7 @@ if language == 'dart'
<!-- DROPDOWN BUTTON --> <!-- DROPDOWN BUTTON -->
nav.hero-subtitle.text-subhead.dropdown nav.dropdown
button(aria-label="Select a version of Angular" md-button class="dropdown-button" ng-click="appCtrl.toggleVersionMenu($event)") #{title} <span class="icon icon-arrow-drop-down"></span> button(aria-label="Select a version of Angular" md-button class="dropdown-button" ng-click="appCtrl.toggleVersionMenu($event)") #{title} <span class="icon icon-arrow-drop-down"></span>
div(class="overlay ng-hide" ng-click="appCtrl.toggleVersionMenu($event)" ng-show="appCtrl.showMenu") div(class="overlay ng-hide" ng-click="appCtrl.toggleVersionMenu($event)" ng-show="appCtrl.showMenu")

1
public/resources/css/module/_dropdown.scss
View File

@ -1,6 +1,7 @@
.dropdown { .dropdown {
position: relative; position: relative;
z-index: $layer-1; z-index: $layer-1;
margin: ($unit * 2) 0 0 0;
.dropdown-button { .dropdown-button {
background: rgba($snow, .1); background: rgba($snow, .1);

6
public/resources/css/module/_main-nav.scss
View File

@ -34,8 +34,8 @@
width: 135px; width: 135px;
overflow: hidden; overflow: hidden;
text-indent: -3000px; text-indent: -3000px;
margin-top: 0; margin:0;
margin-bottom: 0; padding: 0;
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
background: url('/resources/images/logos/standard/logo-nav@2x.png') 0px 8px no-repeat; background: url('/resources/images/logos/standard/logo-nav@2x.png') 0px 8px no-repeat;
@ -111,7 +111,9 @@
background: none; background: none;
border-radius: 0; border-radius: 0;
position: relative; position: relative;
letter-spacing: 0.16px;
margin: 0; margin: 0;
min-width: auto;
&:hover { &:hover {
background: $ocean; background: $ocean;