Search box styling, remove old theme (5ef7d808) · Commits · extjs / jsduck

template/app/Application.js

+3 −3

Original line number	Diff line number	Diff line
		@@ -52,9 +52,9 @@ Ext.define('Docs.Application', {
		Docs.initEventTracking();
		}

		// setInterval(function(){
		// Ext.DomQuery.select('link')[4].href = "resources/css/viewport.css?" + Math.ceil(Math.random() * 100000000)
		// }, 1000)
		setInterval(function(){
		Ext.DomQuery.select('link')[4].href = "resources/css/viewport.css?" + Math.ceil(Math.random() * 100000000)
		}, 1000)
		}

		});

template/app/view/Viewport.js

+3 −102

Original line number	Diff line number	Diff line
		@@ -44,13 +44,14 @@ Ext.define('Docs.view.Viewport', {
		{
		cls: 'search',
		id: 'search-container',
		width: 200,
		margin: '3 0 0 0',
		width: 230,
		margin: '5 0 0 0',
		items: [
		{
		xtype: 'triggerfield',
		triggerCls: 'reset',
		emptyText: 'Search',
		width: 170,
		id: 'search-field',
		enableKeyEvents: true,
		hideTrigger: true,
		@@ -131,106 +132,6 @@ Ext.define('Docs.view.Viewport', {
		}
		];

		// this.items = [
		// {
		// width: 240,
		// id: 'west-region-container',
		// padding: '5 0 0 0',
		// layout: 'vbox',
		// defaults: {
		// xtype: 'container',
		// width: "100%"
		// },
		// items: [
		// {
		// cls: 'search',
		// id: 'search-container',
		// margin: '0 0 0 5',
		// height: 40,
		// items: [
		// {
		// xtype: 'triggerfield',
		// triggerCls: 'reset',
		// emptyText: 'Search',
		// id: 'search-field',
		// enableKeyEvents: true,
		// hideTrigger: true,
		// onTriggerClick: function() {
		// this.reset();
		// this.focus();
		// this.setHideTrigger(true);
		// Ext.getCmp('search-dropdown').hide();
		// }
		// },
		// {
		// xtype: 'searchdropdown'
		// }
		// ]
		// },
		// {
		// id: 'nested-west-region-container',
		// flex: 1,
		// layout: 'border',
		// border: false,
		// items: [
		// {
		// xtype: 'favoritespanel',
		// id: 'classes-tab-panel',
		// region: 'north',
		// height: Docs.Settings.get('favorites-height') \|\| 150,
		// hidden: Docs.Favorites.getCount() === 0
		// },
		// {
		// region: 'center',
		// xtype: 'classtree',
		// padding: '5 10 0 10',
		// margin: '0 5 2 0',
		// root: Docs.classData
		// }
		// ]
		// }
		// ]
		// },
		// {
		// region: 'center',
		// id: 'center-container',
		// layout: 'fit',
		// minWidth: 800,
		// padding: '20 20 5 0',
		// items: {
		// id: 'card-panel',
		// cls: 'card-panel',
		// xtype: 'container',
		// layout: 'card',
		// padding: '20',
		// items: [
		// {
		// autoScroll: true,
		// xtype: 'indexcontainer'
		// },
		// {
		// xtype: 'classcontainer'
		// },
		// {
		// autoScroll: true,
		// xtype: 'container',
		// id: 'guide'
		// },
		// {
		// xtype: 'container',
		// id: 'failure'
		// }
		// ]
		// }
		// },
		// {
		// region: 'south',
		// id: 'footer',
		// contentEl: 'footer-content',
		// height: 15
		// }
		// ];

		this.callParent(arguments);
		},

template/resources/images/search-box.png

+617 B (1.94 KiB)

Loading image diff...

template/resources/sass/viewport.scss

+4 −4

Original line number	Diff line number	Diff line
		@@ -154,7 +154,7 @@ a {

		.search {
		background: url(../images/search-box.png) no-repeat;
		padding: 3px 0 0 25px;
		padding: 2px 0 0 25px;
		.x-panel-body-default {
		border: 0;
		background: none; } }
		@@ -165,7 +165,7 @@ a {
		width: 16px;
		height: 16px;
		border: 0;
		margin: 3px 0 0 9px; }
		margin: 2px 0 0 14px; }


		#search-dropdown {
		@@ -175,8 +175,8 @@ a {
		background: white;
		position: absolute;
		width: 190px;
		top: 23px;
		left: 20px;
		top: 18px;
		left: 23px;
		z-index: 5;

		.item, .footer {