mirror_php/winter
1
0
Fork 0
mirror of https://github.com/wintercms/winter.git synced 2024-06-28 05:33:29 +02:00
Code Issues Projects Releases Wiki Activity

Fix tab styling inside preview container

Browse Source
This commit is contained in:
Samuel Georges 2016-04-26 07:08:36 +10:00
parent 94af417d8a
commit ad484d56cf
3 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
modules/system/assets/ui/less/form.less
View File

@ -34,6 +34,22 @@
&.form-flush {
border-top: none;
}
// Style primary tabs
.control-tabs.primary-tabs {
> ul.nav-tabs, > div > ul.nav-tabs, > div > div > ul.nav-tabs {
> li a > span.title {
&:before, &:after {
background: white;
}
}
> li.active a {
&:before {
background-color: white;
}
}
}
}
}
//

2
modules/system/assets/ui/less/tab.less
View File

@ -291,7 +291,7 @@
display: block;
border-top: 2px solid @color-tab-border;
position: absolute;
background: transparent;
background: @body-bg;
top: 0;
z-index: -1;
width: 20px;

4
modules/system/assets/ui/storm.css
View File

@ -1495,7 +1495,7 @@ to{background-position:0 0}
.control-tabs.primary-tabs > ul.nav-tabs > li:last-child,.control-tabs.primary-tabs > div > ul.nav-tabs > li:last-child,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:last-child{margin-right:0}
.control-tabs.primary-tabs > ul.nav-tabs > li a,.control-tabs.primary-tabs > div > ul.nav-tabs > li a,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a{font-size:14px;padding-bottom:3px;margin:0;position:relative;z-index:101;background:transparent;overflow:visible}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title,.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title{position:relative;display:inline-block;padding:4px 25px 0px 25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:100}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:before,.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:before,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:before,.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after,.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after{content:'';display:block;border-top:2px solid #e0e0e0;position:absolute;background:transparent;top:0;z-index:-1;width:20px;bottom:-2px;transform-origin:bottom}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:before,.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:before,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:before,.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after,.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after{content:'';display:block;border-top:2px solid #e0e0e0;position:absolute;background:#f9f9f9;top:0;z-index:-1;width:20px;bottom:-2px;transform-origin:bottom}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:before,.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:before,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:before{left:0;border-left:2px solid #e0e0e0;-webkit-border-radius:8px 0 0 0;-moz-border-radius:8px 0 0 0;border-radius:8px 0 0 0;-webkit-transform:skewX(-20deg);-ms-transform:skewX(-20deg);transform:skewX(-20deg)}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after,.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after{right:0;border-right:2px solid #e0e0e0;-webkit-border-radius:0 8px 0 0;-moz-border-radius:0 8px 0 0;border-radius:0 8px 0 0;-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg)}
.control-tabs.primary-tabs > ul.nav-tabs > li:last-child,.control-tabs.primary-tabs > div > ul.nav-tabs > li:last-child,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:last-child{background-image:none;margin-right:0;padding-right:5px}
@ -2343,6 +2343,8 @@ html.cssanimations .cursor-loading-indicator.hide{display:none}
.form-preview{padding:20px;margin-bottom:20px;background:white;border:1px solid #eee}
.form-preview > .form-group:last-child{padding-bottom:0}
.form-preview.form-flush{border-top:none}
.form-preview .control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:before,.form-preview .control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:before,.form-preview .control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:before,.form-preview .control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after,.form-preview .control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after,.form-preview .control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after{background:white}
.form-preview .control-tabs.primary-tabs > ul.nav-tabs > li.active a:before,.form-preview .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,.form-preview .control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a:before{background-color:white}
.form-elements:before,.form-tabless-fields:before,.form-elements:after,.form-tabless-fields:after{content:" ";display:table}
.form-elements:after,.form-tabless-fields:after{clear:both}
.form-elements:before,.form-tabless-fields:before,.form-elements:after,.form-tabless-fields:after{content:" ";display:table}