Commit 654569c4 authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Make signature styles easily overwritable.

One can now style his own signature label by just specifying in his
additional stylesheet:

    .signature .my-tag-name {
      color: red;
    }
parent 838c7efd
Loading
Loading
Loading
Loading
+2 −2
Original line number Diff line number Diff line
@@ -26,10 +26,10 @@ module JsDuck
        TagRegistry.signatures.each do |s|
          if member[s[:tagname]]
            title = s[:tooltip] ? "title='#{s[:tooltip]}'" : ""
            html << "<span class='#{s[:tagname]} signature' #{title}>#{s[:long]}</span>"
            html << "<span class='#{s[:tagname]}' #{title}>#{s[:long]}</span>"
          end
        end
        '<span class="signature-container">' + html.join + "</span>"
        '<span class="signature">' + html.join + "</span>"
      end

    end
+2 −2
Original line number Diff line number Diff line
@@ -14,8 +14,8 @@ Ext.define('Docs.view.Signature', {
    render: function(meta, format) {
        format = format || "short";
        var spans = Ext.Array.map(Docs.data.signatures, function(s) {
            return meta[s.tagname] ? '<span class="signature '+s.tagname+'">'+(s[format])+'</span>' : '';
            return meta[s.tagname] ? '<span class="'+s.tagname+'">'+(s[format])+'</span>' : '';
        }).join(' ');
        return '<span class="signature-container">' + spans + '</span>';
        return '<span class="signature">' + spans + '</span>';
    }
});
+2 −3
Original line number Diff line number Diff line
@@ -45,7 +45,7 @@
      &.hover {
        color: #929292; } }

    .signature-container > span {
    .signature span {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 0.4em;
@@ -53,8 +53,7 @@
      @include border-radius(3px);
      margin-left: 2px;
      margin-right: 0;
      padding: 0 5px;
      @include signature-colors; } }
      padding: 0 5px; } }

  .guide-container {
    table {
+2 −3
Original line number Diff line number Diff line
@@ -74,14 +74,13 @@
    background-color: #efe;
    padding: 10px 50px;
    text-align: center; }
  .signature-container > span {
  .signature span {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.7em;
    @include border-radius(2px);
    margin-left: 5px;
    padding: 0 3px;
    @include signature-colors; }
    padding: 0 3px; }
  .new-keyword {
    margin-left: 0;
    margin-right: 3px;
+2 −30
Original line number Diff line number Diff line
@@ -114,39 +114,11 @@
  line-height: 16px;
  margin-bottom: 4px; }

// Shared colors for member signatures in toolbar menu and class api body
@mixin signature-colors {
  // the default colors
  color: white;
  background-color: #aaa;
  // specific colors
  &.deprecated {
    background-color: #aa0000; }
  &.removed {
    color: #aa0000;
    background-color: transparent;
    border: 1px solid #aa0000;
    text-decoration: line-through; }
  &.chainable {
    background-color: #00aa00; }
  &.static {
    background-color: $docs-text-color; }
  &.required {
    background-color: $docs-text-color; }
  &.new {
    color: $docs-text-color;
    background-color: #F5D833; }
  &.private {
    background-color: #FD6B1B; }
  &.protected {
    background-color: #9B86FC; } }

// shared styles for signature labels in hover-menus and search dropdown.
@mixin mini-signature {
 .signature-container > span {
 .signature span {
   font-size: 0.6em;
   text-transform: uppercase;
   font-weight: bold;
   padding: 0 0.5em;
   @include border-radius(2px);
   @include signature-colors; } }
   @include border-radius(2px); } }
Loading