diff options
author | commit-bot@chromium.org <commit-bot@chromium.org@2bbb7eff-a529-9590-31e7-b0007b416f81> | 2014-05-01 19:29:53 +0000 |
---|---|---|
committer | commit-bot@chromium.org <commit-bot@chromium.org@2bbb7eff-a529-9590-31e7-b0007b416f81> | 2014-05-01 19:29:53 +0000 |
commit | 658e59507da3ae1f0202cafcdd58604216869d55 (patch) | |
tree | 016ac9dbf1a114bd8de2b21539e005d627ebf8b7 /gm | |
parent | 05b1b53b12ad6f3f67164e9936a1da63deefaaaf (diff) |
tweaks to tab CSS for rebaseline server page; moar pretty
BUG=skia:
R=epoger@google.com
Author: humper@google.com
Review URL: https://codereview.chromium.org/264853004
git-svn-id: http://skia.googlecode.com/svn/trunk@14512 2bbb7eff-a529-9590-31e7-b0007b416f81
Diffstat (limited to 'gm')
-rw-r--r-- | gm/rebaseline_server/static/view.css | 27 | ||||
-rw-r--r-- | gm/rebaseline_server/static/view.html | 4 |
2 files changed, 25 insertions, 6 deletions
diff --git a/gm/rebaseline_server/static/view.css b/gm/rebaseline_server/static/view.css index 6520611e54..82eda618e0 100644 --- a/gm/rebaseline_server/static/view.css +++ b/gm/rebaseline_server/static/view.css @@ -6,18 +6,36 @@ background-color: #ffbb00; } +.tab-wrapper { + margin-top: 10px; +} + +.tab { + display: inline-block; + font-size: 20px; + padding: 5px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + position: relative; +} + /* Tab which has been selected. */ .tab-true { background-color: #ccccff; - display: inline-block; - font-size: 20px; + border: 1px solid black; + border-bottom-width: 0px; + bottom: -1px; } /* All other tabs. */ .tab-false { background-color: #8888ff; - display: inline-block; - font-size: 20px; + cursor: pointer; } + +.tab-false:hover { + background-color: #aa88ff; +} + /* Spacers between tabs. */ .tab-spacer { display: inline-block; @@ -25,6 +43,7 @@ /* The main working area (connected to the selected tab). */ .tab-main { background-color: #ccccff; + border: 1px solid black; } .update-results-button { diff --git a/gm/rebaseline_server/static/view.html b/gm/rebaseline_server/static/view.html index 37ed4faeea..0b2476c534 100644 --- a/gm/rebaseline_server/static/view.html +++ b/gm/rebaseline_server/static/view.html @@ -35,9 +35,9 @@ Results from <a href="{{resultsToLoad}}">{{resultsToLoad}}</a> current as of {{localTimeString(header[constants.KEY__HEADER__TIME_UPDATED])}} </div> - <div><!-- tabs --> + <div class="tab-wrapper"><!-- tabs --> <div class="tab-spacer" ng-repeat="tab in tabs"> - <div class="tab-{{tab == viewingTab}}" + <div class="tab tab-{{tab == viewingTab}}" ng-click="setViewingTab(tab)"> {{tab}} ({{numResultsPerTab[tab]}}) </div> |