Suppress jQuery UI's borders around tabs in the CMS

Noticed this on the "Groups" tab in admin/security, but
likely a problem elsewhere as well.
This commit is contained in:
Ingo Schommer 2012-12-13 10:21:56 +01:00
parent 2369cc4f42
commit abf1ee9b52
2 changed files with 2 additions and 1 deletions

View File

@ -363,7 +363,7 @@ body.cms { overflow: hidden; }
/** -------------------------------------------- Tabs -------------------------------------------- */
.ui-tabs { padding: 0; background: none; }
.ui-tabs .ui-tabs { position: static; }
.ui-tabs .ui-tabs-panel { padding: 8px 0; background: transparent; }
.ui-tabs .ui-tabs-panel { padding: 8px 0; background: transparent; border: 0; }
.ui-tabs .ui-tabs-panel.cms-edit-form { padding: 0; }
.ui-tabs .ui-widget-header { border: 0; background: none; }
.ui-tabs .ui-tabs-nav { float: right; margin: 0 0 -1px 0; padding: 0 12px 0 0; border-bottom: none; }

View File

@ -159,6 +159,7 @@ body.cms {
.ui-tabs-panel {
padding: $grid-x 0;
background: transparent; // default it's white
border: 0; // suppress default borders
&.cms-edit-form {
padding: 0;
}