Commit 22a4da2a authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Style tweaks for Hist/Fav/100 tab-panel. 

Instead of using plain:true on tab-panel, setting some custom styles
to render it almost like plain:true would.  For some reason the
plain:true just produced something ugly - now looks much better.

Also renamed the ID of tab-panel and reformatted the styles a bit.
parent 5cbfc43e

template/app/view/Viewport.js

+2 −5
Original line number Diff line number Diff line
@@ -81,14 +81,11 @@ Ext.define('Docs.view.Viewport', { 
                        border: false,

                        items: [

                            {

                                id: 'nested-west-region-north',

                                id: 'classes-tab-panel',

                                xtype: 'tabpanel',

                                region: 'north',

                                height: 150,

                                padding: '2 5 0 0',

                                // margin: '0 10 4 0',

                                plain: true,

                                border: false,

                                padding: '2 4 0 0',

                                bodyPadding: '8 15 8 12',

                                split: true,

                                listeners: {

template/resources/sass/viewport.scss

+15 −4
Original line number Diff line number Diff line
@@ -198,9 +198,11 @@ a:hover { 


#nested-west-region-container {

  background: #F8F8F8;

  #nested-west-region-north {

  #classes-tab-panel {

    .x-grid-row td {

      background: none; border: 0; cursor: pointer;

      background: none;

      border: 0;

      cursor: pointer;

      img {

        display: none;

        margin-top: 1px; } }
@@ -209,7 +211,16 @@ a:hover { 
    .x-grid-row-over td img {

      display: block; }

    .x-grid-cell-inner {

      padding: 2px 2px 3px 2px; } }

      padding: 2px 2px 3px 2px; }

    // plain:true of gridpanel does not work as intended for us,

    // so use plain:false and style the tab-bar almost like plan

    // by simply removing the background and borders.

    .x-tab-bar {

      background: transparent;

      .x-tab-bar-body {

        border: none;

        // because we removed the border, push the tabs 2px (instead of 1px) lower.

        padding-top: 2px; } } }

  .x-splitter {

    background: #ccc;

    border-style: solid;