Skip to content
This repository
Browse code

MINOR Fixed tabset/breadcrumb tabular styling, avoid tabs overflowing…

… into hidden space (still needs more work to fix properly)
  • Loading branch information...
commit e40455f2e3bfcecc04931b6430b9e472e887f3d3 1 parent 972e7cc
Ingo Schommer authored April 18, 2012
9  admin/css/screen.css
@@ -260,14 +260,13 @@ body.cms { overflow: hidden; }
260 260
 .cms-content-header { padding: 0px 8px 8px; height: 32px; z-index: 60; -moz-box-shadow: rgba(107, 120, 123, 0.5) 0 0 4px inset; -webkit-box-shadow: rgba(107, 120, 123, 0.5) 0 0 4px inset; -o-box-shadow: rgba(107, 120, 123, 0.5) 0 0 4px inset; box-shadow: rgba(107, 120, 123, 0.5) 0 0 4px inset; background-image: url(../images/textures/cms_content_header.png); background-repeat: repeat; overflow: hidden; }
261 261
 .cms-content-header a { color: #1556b2; }
262 262
 .cms-content-header .backlink span.btn-icon-back { height: 16px; }
263  
-.cms-content-header h2 { padding: 8px 8px 0 8px; font-size: 14px; line-height: 24px; font-weight: bold; text-shadow: #bfcad2 1px 1px 0; margin: 0; display: table-cell; vertical-align: top; width: 100%; }
264  
-.cms-content-header h2 .breadcrumbs-wrapper { display: table-row; }
265  
-.cms-content-header h2 .breadcrumbs-wrapper .crumb { display: table-cell; line-height: 26px; padding: 0 5px; }
  263
+.cms-content-header h2 { padding: 8px 8px 0 8px; font-size: 14px; line-height: 24px; font-weight: bold; text-shadow: #bfcad2 1px 1px 0; margin: 0; display: table-cell; vertical-align: top; width: 60%; }
  264
+.cms-content-header h2 .breadcrumbs-wrapper .crumb { display: inline; line-height: 26px; padding: 0 5px; }
266 265
 .cms-content-header h2 .breadcrumbs-wrapper .crumb:first-child { padding-left: 0px; }
267 266
 .cms-content-header h2 .breadcrumbs-wrapper .crumb:last-child { padding-right: 0px; }
268  
-.cms-content-header > div { display: table; }
  267
+.cms-content-header > div { display: table; width: 100%; }
269 268
 .cms-content-header > div .cms_backlink { display: table-cell; vertical-align: middle; width: auto; }
270  
-.cms-content-header .cms-content-header-tabs { display: table-cell; white-space: nowrap; width: 100%; }
  269
+.cms-content-header .cms-content-header-tabs { display: table-cell; white-space: nowrap; width: 40%; }
271 270
 .cms-content-header .cms-content-header-tabs .ui-tabs-nav { float: right; margin-right: 32px; }
272 271
 .cms-content-header .cms-content-header-tabs .ui-tabs-nav li a { font-weight: bold; line-height: 16px; padding: 12px 20px 12px; }
273 272
 .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-state-default, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-default, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-default { border-top: none; }
10  admin/scss/_style.scss
@@ -116,11 +116,12 @@ body.cms {
116 116
 		margin: 0;
117 117
 		display:table-cell;
118 118
 		vertical-align:top;
119  
-		width:100%;
  119
+		width:60%;
120 120
 		.breadcrumbs-wrapper {
121  
-			display:table-row;
  121
+			// display:table;
122 122
 			.crumb {
123  
-				display:table-cell;
  123
+				// display:table-cell;
  124
+				display: inline;
124 125
 				line-height:26px;
125 126
 				padding:0 5px;
126 127
 			}
@@ -135,6 +136,7 @@ body.cms {
135 136
 
136 137
 	& > div {
137 138
 		display:table;
  139
+		width: 100%;
138 140
 		.cms_backlink {
139 141
 			display:table-cell;
140 142
 			vertical-align:middle;
@@ -145,7 +147,7 @@ body.cms {
145 147
 	.cms-content-header-tabs {
146 148
 		display:table-cell;
147 149
 		white-space:nowrap;
148  
-		width:100%;
  150
+		width:40%;
149 151
 		.ui-tabs-nav {
150 152
 			float:right;
151 153
 			margin-right:$grid-x*4;

0 notes on commit e40455f

Please sign in to comment.
Something went wrong with that request. Please try again.