1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-01-03 19:31:02 +01:00

Add a little style to Phriction ToC menu

Summary: Adds some indentation and color. Ref T9868.

Test Plan: A long page with multiple indentation levels.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Maniphest Tasks: T9868

Differential Revision: https://secure.phabricator.com/D18025
This commit is contained in:
Chad Little 2017-05-26 08:58:35 -07:00
parent 5b43d5c89c
commit 718c39131d
2 changed files with 26 additions and 5 deletions

View file

@ -147,7 +147,7 @@ return array(
'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad', 'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad',
'rsrc/css/phui/phui-crumbs-view.css' => '6ece3bbb', 'rsrc/css/phui/phui-crumbs-view.css' => '6ece3bbb',
'rsrc/css/phui/phui-curtain-view.css' => '55dd0e59', 'rsrc/css/phui/phui-curtain-view.css' => '55dd0e59',
'rsrc/css/phui/phui-document-pro.css' => '58199f99', 'rsrc/css/phui/phui-document-pro.css' => 'bb18da6b',
'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf', 'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf',
'rsrc/css/phui/phui-document.css' => 'c32e8dec', 'rsrc/css/phui/phui-document.css' => 'c32e8dec',
'rsrc/css/phui/phui-feed-story.css' => '44a9c8e9', 'rsrc/css/phui/phui-feed-story.css' => '44a9c8e9',
@ -851,7 +851,7 @@ return array(
'phui-curtain-view-css' => '55dd0e59', 'phui-curtain-view-css' => '55dd0e59',
'phui-document-summary-view-css' => '9ca48bdf', 'phui-document-summary-view-css' => '9ca48bdf',
'phui-document-view-css' => 'c32e8dec', 'phui-document-view-css' => 'c32e8dec',
'phui-document-view-pro-css' => '58199f99', 'phui-document-view-pro-css' => 'bb18da6b',
'phui-feed-story-css' => '44a9c8e9', 'phui-feed-story-css' => '44a9c8e9',
'phui-font-icon-base-css' => '870a7360', 'phui-font-icon-base-css' => '870a7360',
'phui-fontkit-css' => '1320ed01', 'phui-fontkit-css' => '1320ed01',

View file

@ -84,7 +84,7 @@ a.button.phui-document-toc {
border: 1px solid {$lightgreyborder}; border: 1px solid {$lightgreyborder};
border-radius: 3px; border-radius: 3px;
box-shadow: {$dropshadow}; box-shadow: {$dropshadow};
width: 200px; width: 260px;
position: absolute; position: absolute;
z-index: 30; z-index: 30;
background-color: #fff; background-color: #fff;
@ -114,17 +114,38 @@ a.button.phui-document-toc {
} }
.phui-document-view-pro .phui-document-toc-content { .phui-document-view-pro .phui-document-toc-content {
margin: 4px 12px; margin: 8px 16px;
} }
.phui-document-view-pro .phui-document-toc-header { .phui-document-view-pro .phui-document-toc-header {
font-weight: bold; font-weight: bold;
color: {$bluetext}; color: {$bluetext};
margin-bottom: 8px; margin-bottom: 8px;
text-transform: uppercase;
font-size: {$smallerfontsize};
} }
.phui-document-view-pro .phui-document-toc-content li { .phui-document-view-pro .phui-document-toc-content li {
margin: 4px 8px; margin: 4px 8px 4px 0;
}
.phui-document-view-pro .phui-document-toc-content a {
padding: 2px 0;
display: block;
text-decoration: none;
color: {$darkbluetext};
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.phui-document-view-pro .phui-document-toc-content a:hover {
color: {$anchor};
text-decoration: underline;
}
.phui-document-view-pro .phui-document-toc-content li + ul {
margin: 4px 0 4px 8px;
} }
.phui-document-view-pro .phui-document-content .phabricator-remarkup { .phui-document-view-pro .phui-document-content .phabricator-remarkup {