[ios, macos] Indicate protocols, abstract classes in documentation navigation (#7478)

* [ios, macos] Italicize protocols, abstract classes in doc nav

Italicize protocols and abstract classes in the generated documentation’s navigation sidebar.

* [ios, macos] Denote protocols, abstract classes with glosses

Instead of oblique text, use a parenthetical gloss to denote a protocol or abstract class.
This commit is contained in:
Minh Nguyễn
2016-12-20 17:32:06 -08:00
committed by GitHub
parent 20b82c8fd1
commit 906d700ccd
2 changed files with 26 additions and 1 deletions

View File

@@ -51,6 +51,7 @@ $navigation_bg_color: #fbfbfb;
$navigation_task_color: $link_color;
$section_name_color: $color_darkblue;
$navigation_gloss_color: #999;
// ----- Content
@@ -367,6 +368,30 @@ pre code {
color: $navigation_task_color;
}
%nav-group-task-gloss {
color: $navigation_gloss_color;
font-size: 90%;
margin-left: 0.5em;
}
.nav-group-task[data-url^="Protocols/"] > .nav-group-task-link::after {
@extend %nav-group-task-gloss;
content: "(Protocol)";
}
.nav-group-task[data-name="MGLForegroundStyleLayer"],
.nav-group-task[data-name="MGLMultiPoint"],
.nav-group-task[data-name="MGLShape"],
.nav-group-task[data-name="MGLSource"],
.nav-group-task[data-name="MGLStyleLayer"],
.nav-group-task[data-name="MGLTileSource"],
.nav-group-task[data-name="MGLVectorStyleLayer"] {
.nav-group-task-link::after {
@extend %nav-group-task-gloss;
content: "(Abstract Class)";
}
}
.nav-group-name > .small-heading,
.nav-group-task-link {
display: block;

View File

@@ -5,7 +5,7 @@
<a class="small-heading" href="{{path_to_root}}{{section}}.html">{{section}}<span class="anchor-icon" /></a>
<ul class="nav-group-tasks">
{{#children}}
<li class="nav-group-task" data-name="{{name}}">
<li class="nav-group-task" data-name="{{name}}" data-url="{{url}}">
<a title="{{name}}" class="nav-group-task-link" href="{{path_to_root}}{{url}}">{{name}}</a>
</li>
{{/children}}