Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(138)

Issue 291663002: Adjustments to the fatnav and sidenav, and other CSS updates (Closed)

Created:
6 years, 7 months ago by pearlchen
Modified:
6 years, 6 months ago
CC:
chromium-reviews, chromium-apps-reviews_chromium.org, extensions-reviews_chromium.org, mkearney
Visibility:
Public.

Description

Change log: * Sidenav subnav has a grey bg. * Only the article page ToC is sticky when scrolling (not entire sidenav area) * In ToC, can now click through on h2 headings when there are child h3 headings (previously it would only expand the menu and not go to the anchor link) * Fixed bug where sidebar overlapped with article body * Removed misleading mouse pointer cursor on fatnav for non-clickable items. * Removed -webkit and other prefixes for box shadows and linear gradients * Added .video-container class so YouTube video will be responsive BUG= Committed: https://src.chromium.org/viewvc/chrome?view=rev&revision=275629

Patch Set 1 #

Patch Set 2 : Minor cleanup #

Patch Set 3 : Removed ability to toggle sidenav #

Patch Set 4 : Getting ready to deploy sidenav changes #

Patch Set 5 : Missing semicolon #

Patch Set 6 : Added .video-container class so YouTube video will be responsive. #

Total comments: 20

Patch Set 7 : Edits based on code review feedback #

Patch Set 8 : Deleted leftover console.log #

Patch Set 9 : Removed scroll debounce #

Patch Set 10 : Load YouTube video over http or https #

Total comments: 5

Patch Set 11 : Tweaks after code review #

Total comments: 3

Patch Set 12 : Refactor so tocOffsetTop is not global #

Total comments: 5

Patch Set 13 : Created a updateTocOffsetTop() method. #

Patch Set 14 : Added missing copyright license. Fixed bad indentation on search.js #

Unified diffs Side-by-side diffs Delta from patch set Stats (+193 lines, -160 lines) Patch
M chrome/common/extensions/docs/static/css/out/site.css View 1 2 3 4 5 1 chunk +1 line, -1 line 0 comments Download
M chrome/common/extensions/docs/static/js/article.js View 1 2 3 4 5 6 7 8 9 10 11 12 3 chunks +34 lines, -15 lines 0 comments Download
M chrome/common/extensions/docs/static/js/search.js View 1 2 3 4 5 6 7 8 9 10 11 12 13 1 chunk +54 lines, -53 lines 0 comments Download
M chrome/common/extensions/docs/static/js/site.js View 1 2 3 4 5 6 7 8 9 10 11 12 13 1 chunk +4 lines, -0 lines 0 comments Download
M chrome/common/extensions/docs/static/sass/_article.scss View 1 2 5 chunks +24 lines, -20 lines 0 comments Download
M chrome/common/extensions/docs/static/sass/_html.scss View 1 2 3 4 5 8 chunks +25 lines, -12 lines 0 comments Download
M chrome/common/extensions/docs/static/sass/_navbar.scss View 5 chunks +6 lines, -5 lines 0 comments Download
M chrome/common/extensions/docs/static/sass/_typography.scss View 1 chunk +0 lines, -4 lines 0 comments Download
M chrome/common/extensions/docs/templates/articles/about_apps.html View 1 2 3 4 5 6 4 chunks +24 lines, -27 lines 0 comments Download
M chrome/common/extensions/docs/templates/articles/api_index.html View 1 2 3 4 5 1 chunk +3 lines, -3 lines 0 comments Download
M chrome/common/extensions/docs/templates/articles/app_architecture.html View 1 2 3 4 5 2 chunks +6 lines, -8 lines 0 comments Download
M chrome/common/extensions/docs/templates/articles/content_scripts.html View 1 2 3 4 5 6 7 8 9 10 2 chunks +6 lines, -6 lines 0 comments Download
M chrome/common/extensions/docs/templates/articles/extensions_index.html View 1 2 3 4 5 1 chunk +3 lines, -3 lines 0 comments Download
M chrome/common/extensions/docs/templates/articles/overview.html View 1 2 3 4 5 6 7 8 9 1 chunk +3 lines, -3 lines 0 comments Download

Messages

Total messages: 37 (0 generated)
pearlchen
These are JavaScript and CSS improvements to the UX of the top navigation (aka fatnav) ...
6 years, 7 months ago (2014-05-26 15:47:49 UTC) #1
not at google - send to devlin
I think Meggin is a better reviewer?
6 years, 7 months ago (2014-05-27 16:43:09 UTC) #2
pearlchen
Meggin's seen it already but maybe if Meggin wants to give the first LGTM, that ...
6 years, 7 months ago (2014-05-27 17:00:42 UTC) #3
pearlchen
Meggin, I've added a class in there too so YouTube videos can be responsive.
6 years, 6 months ago (2014-05-28 19:24:05 UTC) #4
mkearney1
lgtm Tested the patch to make sure it works, and it does. Also quick review ...
6 years, 6 months ago (2014-06-03 16:55:04 UTC) #5
not at google - send to devlin
rubberstamp lgtm
6 years, 6 months ago (2014-06-03 17:29:42 UTC) #6
not at google - send to devlin
sorry didn't realise you changed js; those changes not lgtm https://codereview.chromium.org/291663002/diff/100001/chrome/common/extensions/docs/static/js/article.js File chrome/common/extensions/docs/static/js/article.js (right): https://codereview.chromium.org/291663002/diff/100001/chrome/common/extensions/docs/static/js/article.js#newcode24 ...
6 years, 6 months ago (2014-06-03 17:44:00 UTC) #7
pearlchen
https://codereview.chromium.org/291663002/diff/100001/chrome/common/extensions/docs/static/js/article.js File chrome/common/extensions/docs/static/js/article.js (right): https://codereview.chromium.org/291663002/diff/100001/chrome/common/extensions/docs/static/js/article.js#newcode24 chrome/common/extensions/docs/static/js/article.js:24: var tocOffsetTop = null; But then this value would ...
6 years, 6 months ago (2014-06-03 22:52:14 UTC) #8
pearlchen
Okay, new version uploaded. This is a good page to test the sidenav since there's ...
6 years, 6 months ago (2014-06-03 23:04:26 UTC) #9
not at google - send to devlin
On 2014/06/03 23:04:26, pearlchen wrote: > Okay, new version uploaded. > > This is a ...
6 years, 6 months ago (2014-06-05 17:09:21 UTC) #10
not at google - send to devlin
https://codereview.chromium.org/291663002/diff/100001/chrome/common/extensions/docs/static/js/article.js File chrome/common/extensions/docs/static/js/article.js (right): https://codereview.chromium.org/291663002/diff/100001/chrome/common/extensions/docs/static/js/article.js#newcode24 chrome/common/extensions/docs/static/js/article.js:24: var tocOffsetTop = null; On 2014/06/03 22:52:13, pearlchen wrote: ...
6 years, 6 months ago (2014-06-05 17:09:41 UTC) #11
not at google - send to devlin
to reiterate, the new appearance and behaviour is fantastic. https://codereview.chromium.org/291663002/diff/170001/chrome/common/extensions/docs/static/js/article.js File chrome/common/extensions/docs/static/js/article.js (right): https://codereview.chromium.org/291663002/diff/170001/chrome/common/extensions/docs/static/js/article.js#newcode83 chrome/common/extensions/docs/static/js/article.js:83: ...
6 years, 6 months ago (2014-06-05 17:20:20 UTC) #12
not at google - send to devlin
also there are a couple of toc-related bugs that this patch might apply to, 330468 ...
6 years, 6 months ago (2014-06-05 17:23:47 UTC) #13
pearlchen
On 2014/06/05 17:09:21, kalman wrote: > On 2014/06/03 23:04:26, pearlchen wrote: > > Okay, new ...
6 years, 6 months ago (2014-06-05 18:10:28 UTC) #14
pearlchen
https://codereview.chromium.org/291663002/diff/100001/chrome/common/extensions/docs/static/js/article.js File chrome/common/extensions/docs/static/js/article.js (right): https://codereview.chromium.org/291663002/diff/100001/chrome/common/extensions/docs/static/js/article.js#newcode24 chrome/common/extensions/docs/static/js/article.js:24: var tocOffsetTop = null; Doesn't continual reading of the ...
6 years, 6 months ago (2014-06-05 19:38:47 UTC) #15
not at google - send to devlin
https://codereview.chromium.org/291663002/diff/170001/chrome/common/extensions/docs/static/js/article.js File chrome/common/extensions/docs/static/js/article.js (right): https://codereview.chromium.org/291663002/diff/170001/chrome/common/extensions/docs/static/js/article.js#newcode84 chrome/common/extensions/docs/static/js/article.js:84: } On 2014/06/05 19:38:47, pearlchen wrote: > I definitely ...
6 years, 6 months ago (2014-06-05 19:43:49 UTC) #16
chromium-reviews
Hey, Pearl We had an original plan to make the table of contents interactive-- as ...
6 years, 6 months ago (2014-06-05 20:30:03 UTC) #17
pearlchen
On 2014/06/05 20:30:03, chromium-reviews_chromium.org wrote: > Hey, Pearl > > We had an original plan ...
6 years, 6 months ago (2014-06-05 20:33:27 UTC) #18
not at google - send to devlin
yep - I think the new behaviour is better than the current behaviour, but I ...
6 years, 6 months ago (2014-06-05 20:35:39 UTC) #19
pearlchen
https://codereview.chromium.org/291663002/diff/190001/chrome/common/extensions/docs/static/js/article.js File chrome/common/extensions/docs/static/js/article.js (right): https://codereview.chromium.org/291663002/diff/190001/chrome/common/extensions/docs/static/js/article.js#newcode54 chrome/common/extensions/docs/static/js/article.js:54: tocOffsetTop = sidebar.offsetParent.offsetTop + toc.offsetTop; A get, or a ...
6 years, 6 months ago (2014-06-05 21:15:47 UTC) #20
not at google - send to devlin
https://codereview.chromium.org/291663002/diff/190001/chrome/common/extensions/docs/static/js/article.js File chrome/common/extensions/docs/static/js/article.js (right): https://codereview.chromium.org/291663002/diff/190001/chrome/common/extensions/docs/static/js/article.js#newcode54 chrome/common/extensions/docs/static/js/article.js:54: tocOffsetTop = sidebar.offsetParent.offsetTop + toc.offsetTop; On 2014/06/05 21:15:47, pearlchen ...
6 years, 6 months ago (2014-06-05 22:28:36 UTC) #21
pearlchen
Ready to go?? https://codereview.chromium.org/291663002/diff/210001/chrome/common/extensions/docs/static/js/article.js File chrome/common/extensions/docs/static/js/article.js (right): https://codereview.chromium.org/291663002/diff/210001/chrome/common/extensions/docs/static/js/article.js#newcode44 chrome/common/extensions/docs/static/js/article.js:44: toc.classList.remove('sticky'); (Documenting bug here since I ...
6 years, 6 months ago (2014-06-06 17:36:56 UTC) #22
not at google - send to devlin
lgtm https://codereview.chromium.org/291663002/diff/210001/chrome/common/extensions/docs/static/js/article.js File chrome/common/extensions/docs/static/js/article.js (right): https://codereview.chromium.org/291663002/diff/210001/chrome/common/extensions/docs/static/js/article.js#newcode44 chrome/common/extensions/docs/static/js/article.js:44: toc.classList.remove('sticky'); On 2014/06/06 17:36:55, pearlchen wrote: > (Documenting ...
6 years, 6 months ago (2014-06-06 17:40:16 UTC) #23
pearlchen
The CQ bit was checked by pearlchen@chromium.org
6 years, 6 months ago (2014-06-06 18:10:01 UTC) #24
pearlchen
The CQ bit was unchecked by pearlchen@chromium.org
6 years, 6 months ago (2014-06-06 18:10:30 UTC) #25
pearlchen
https://codereview.chromium.org/291663002/diff/210001/chrome/common/extensions/docs/static/js/article.js File chrome/common/extensions/docs/static/js/article.js (right): https://codereview.chromium.org/291663002/diff/210001/chrome/common/extensions/docs/static/js/article.js#newcode45 chrome/common/extensions/docs/static/js/article.js:45: var tocOffsetTop = sidebar.offsetParent.offsetTop + toc.offsetTop; From what I ...
6 years, 6 months ago (2014-06-06 18:30:03 UTC) #26
pearlchen
The CQ bit was checked by pearlchen@chromium.org
6 years, 6 months ago (2014-06-06 18:30:14 UTC) #27
commit-bot: I haz the power
CQ is trying da patch. Follow status at https://chromium-status.appspot.com/cq/pearlchen@chromium.org/291663002/230001
6 years, 6 months ago (2014-06-06 18:33:13 UTC) #28
commit-bot: I haz the power
FYI, CQ is re-trying this CL (attempt #1). The failing builders are: chromium_presubmit on tryserver.chromium ...
6 years, 6 months ago (2014-06-06 21:30:22 UTC) #29
commit-bot: I haz the power
The CQ bit was unchecked by commit-bot@chromium.org
6 years, 6 months ago (2014-06-06 21:33:33 UTC) #30
commit-bot: I haz the power
Try jobs failed on following builders: chromium_presubmit on tryserver.chromium (http://build.chromium.org/p/tryserver.chromium/builders/chromium_presubmit/builds/72256)
6 years, 6 months ago (2014-06-06 21:33:33 UTC) #31
pearlchen
kalman, I updated files that were missing copyright notices. Do you have to give a ...
6 years, 6 months ago (2014-06-06 21:48:45 UTC) #32
not at google - send to devlin
no, just go ahead
6 years, 6 months ago (2014-06-06 21:52:37 UTC) #33
pearlchen
The CQ bit was checked by pearlchen@chromium.org
6 years, 6 months ago (2014-06-06 21:53:52 UTC) #34
commit-bot: I haz the power
CQ is trying da patch. Follow status at https://chromium-status.appspot.com/cq/pearlchen@chromium.org/291663002/250001
6 years, 6 months ago (2014-06-06 21:57:01 UTC) #35
commit-bot: I haz the power
FYI, CQ is re-trying this CL (attempt #1). The failing builders are: win_chromium_rel on tryserver.chromium ...
6 years, 6 months ago (2014-06-07 03:48:59 UTC) #36
commit-bot: I haz the power
6 years, 6 months ago (2014-06-07 05:36:49 UTC) #37
Message was sent while issue was closed.
Change committed as 275629

Powered by Google App Engine
This is Rietveld 408576698