Commit 6c16f428 authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Refactor class toolbar styles to separate file. 

Rename two CSS classes to-use-dashes instead of camelCase -
more CSS-ish.

Remove !important from style rules not needing it.

Add image to local images/ dir.
parent fbab39da

template/app/view/cls/Toolbar.js

+2 −2
Original line number Diff line number Diff line
@@ -117,11 +117,11 @@ Ext.define('Docs.view.cls.Toolbar', { 
            },

            {

                xtype: 'button',

                iconCls: 'expandAllMembers',

                iconCls: 'expand-all-members',

                tooltip: "Expand all",

                enableToggle: true,

                toggleHandler: function(btn, pressed) {

                    btn.setIconCls(pressed ? 'collapseAllMembers' : 'expandAllMembers');

                    btn.setIconCls(pressed ? 'collapse-all-members' : 'expand-all-members');

                    btn.setTooltip(pressed ? "Collapse all" : "Expand all");

                    this.fireEvent("toggleExpanded", pressed);

                },

template/resources/images/text-bg.gif

0 → 100644
+819 B
Loading image diff...

template/resources/sass/_toolbar.scss

0 → 100644
+29 −0
Original line number Diff line number Diff line 
// Styles for class documentation toolbar



// softer rounded corners on the toolbar

.class-overview .x-toolbar-default {

  border-radius: 2px;

  border-color: #e4e4e4; }





// The reset (X) button in filter-class-members text box

.member-filter {

  .x-form-trigger.reset {

    background: url(../images/x12.png) no-repeat 2px 3px;

    padding: 0;

    margin: 0;

    border: 0; }

  .x-form-trigger-wrap {

    height: 20px;

    border-style: solid;

    border-color: #bebebe;

    border-width: 1px 1px 1px 0;

    margin-left: -1px;

    background: url('../images/text-bg.gif'); } }





// Backgrounds for two states of the expand/collapse all button.

.expand-all-members {

  background: url(../images/expandcollapse.png) no-repeat -12px 2px; }

.collapse-all-members {

  background: url(../images/expandcollapse.png) no-repeat 2px 2px; }

template/resources/sass/viewport.scss

+1 −28
Original line number Diff line number Diff line
@@ -10,6 +10,7 @@ 
@import "header";

@import "footer";

@import "tabs";

@import "toolbar";

@import "hover_menu";

@import "trees";

@import "thumb_list";
@@ -442,11 +443,6 @@ p.screenshot { 
        padding: 0 3px;

        background-color: #aa0000; } } } }



.expandAllMembers {

  background: url(../images/expandcollapse.png) no-repeat -12px 2px !important; }

.collapseAllMembers {

  background: url(../images/expandcollapse.png) no-repeat 2px 2px !important; }



// Some margins for the stuff on video page.

#video {

  object, p, h1 {
@@ -458,21 +454,6 @@ p.screenshot { 
#classindex {

  padding: 15px 10px 10px 10px; }



.x-form-trigger.reset {

  background: url(../images/x12.png) no-repeat 2px 3px;

  padding: 0; margin: 0; border: 0;

}



.member-filter .x-form-trigger-wrap {

  height: 20px;

  border-style: solid;

  border-color: #bebebe;

  border-width: 1px 1px 1px 0;

  margin-left: -1px;

  background: url('../../extjs/resources/themes/images/default/form/text-bg.gif')

}







#center-container h1.class a,

#center-container h1.component a,
@@ -519,14 +500,6 @@ p.screenshot { 
#container-1019[role="presentation"] {

  padding: 0; }



.class-overview {

  .x-toolbar-default {

    border-radius: 2px;

    border-color: #e4e4e4;

    border-width: 1px;

    box-shadow: inset rgba(255,255,255,0.5) 0 1px 0; }

  .x-panel-body {

      padding-right:8px; } }



// Examples

@import "examples";