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

lib/jsduck/render/tags.rb

+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

template/app/view/Signature.js

+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>';

    }

});

template/resources/sass/_class_header.scss

+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 {

template/resources/sass/_class_overview.scss

+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;

template/resources/sass/_mixins.scss

+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); } }