mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-02 14:18:46 +02:00
Remove or comment magic numbers, whitespace
This commit is contained in:
Naomi Guyer
Ingo Schommer
parent
5d93f8daec
commit
6100eb957e
@ -16,36 +16,35 @@ $border: 1px solid darken(#D9D9D9, 15%);
|
||||
.cms {
|
||||
.ss-ui-action-tabset{
|
||||
float:left;
|
||||
position:relative;
|
||||
position:relative;
|
||||
|
||||
/*
|
||||
/*
|
||||
Styles for the tab-nav of the site tree implementation
|
||||
of ss-ui-action-tabset
|
||||
*/
|
||||
&.multi{
|
||||
ul.ui-tabs-nav{
|
||||
@include border-radius(3px);
|
||||
@include clearfix;
|
||||
border:$border;
|
||||
float:left;
|
||||
height: 28px;
|
||||
ul.ui-tabs-nav{
|
||||
@include border-radius(3px);
|
||||
@include clearfix;
|
||||
border:$border;
|
||||
float:left;
|
||||
overflow:visible;
|
||||
padding:0;
|
||||
padding:0;
|
||||
&:active{
|
||||
outline:none;
|
||||
box-shadow:none;
|
||||
-webkit-box-shadow: none;
|
||||
}
|
||||
}
|
||||
li{
|
||||
@include background-image(linear-gradient(top, #f8f8f8, #D9D9D9));
|
||||
@include border-radius(0);
|
||||
background: #eaeaea;
|
||||
background: #eaeaea;
|
||||
border: none;
|
||||
border-right:1px solid #eee;
|
||||
border-left: $border;
|
||||
border-left: $border;
|
||||
margin:0;
|
||||
overflow: visible;
|
||||
width: 110px;
|
||||
min-width: 110px; //To make label width more uniform, but allow growth if needed
|
||||
&:active{
|
||||
outline:none;
|
||||
box-shadow:none;
|
||||
@ -58,7 +57,7 @@ $border: 1px solid darken(#D9D9D9, 15%);
|
||||
border-bottom:none !important; //jquery-ui style has important on it
|
||||
a {
|
||||
@include border-bottom-left-radius(0px);
|
||||
@include border-bottom-right-radius(0px);
|
||||
@include border-bottom-right-radius(0px);
|
||||
&:active, span:active{
|
||||
outline:none;
|
||||
box-shadow:none;
|
||||
@ -71,7 +70,7 @@ $border: 1px solid darken(#D9D9D9, 15%);
|
||||
@include border-bottom-left-radius(3px);
|
||||
border-left:none;
|
||||
}
|
||||
&.last{
|
||||
&.last{
|
||||
@include border-top-right-radius(3px);
|
||||
@include border-bottom-right-radius(3px);
|
||||
border-right:none;
|
||||
@ -79,17 +78,17 @@ $border: 1px solid darken(#D9D9D9, 15%);
|
||||
a.tab-nav-link{
|
||||
color:$color-text;
|
||||
display:inline-block;
|
||||
font-weight:bold;
|
||||
line-height:16px;
|
||||
font-weight:bold;
|
||||
line-height:16px;
|
||||
padding: 5px 10px;
|
||||
.ui-no-icon { //for links that don't have icons (ie the batch actions field)
|
||||
display: inline-block;
|
||||
float: left;
|
||||
height: 16px;
|
||||
padding: 0 2px;
|
||||
width: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.title{
|
||||
.title{
|
||||
display:inline-block;
|
||||
line-height: 18px;
|
||||
}
|
||||
@ -108,16 +107,16 @@ $border: 1px solid darken(#D9D9D9, 15%);
|
||||
clear:both;
|
||||
display:block;
|
||||
float:left;
|
||||
margin:0;
|
||||
margin:0;
|
||||
padding:10px;
|
||||
padding-top:15px;
|
||||
position:absolute;
|
||||
top:30px;
|
||||
width:202px;
|
||||
z-index:1;
|
||||
top:30px;
|
||||
width:202px; //Width is approx the size of two tab nav panels.
|
||||
z-index:1;
|
||||
&.first {
|
||||
left: 0;
|
||||
width: 203px;
|
||||
width: 203px; //Width is approx the size of two tab nav panels with 1px border.
|
||||
}
|
||||
.ui-icon {
|
||||
padding-right: 0;
|
||||
@ -128,27 +127,23 @@ $border: 1px solid darken(#D9D9D9, 15%);
|
||||
#PageType ul{
|
||||
padding:0;
|
||||
li{
|
||||
padding:4px 5px;
|
||||
padding:4px 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.last .ss-ui-action-tab{
|
||||
//right:-1px;
|
||||
// left:auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Classes applied by javascript
|
||||
&.tabset-open {
|
||||
ul.ui-tabs-nav,
|
||||
ul.ui-tabs-nav,
|
||||
ul.ui-tabs-nav li.first {
|
||||
@include border-bottom-left-radius(0);
|
||||
}
|
||||
}
|
||||
&.tabset-open-last {
|
||||
&.tabset-open-last {
|
||||
ul.ui-tabs-nav li.last {
|
||||
@include border-bottom-right-radius(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
/* position a checkbox & icon within a tab */
|
||||
.batch-check, .ui-icon {
|
||||
display: inline-block;
|
||||
@ -167,24 +162,23 @@ $border: 1px solid darken(#D9D9D9, 15%);
|
||||
to the first tab within the template, so there should always be one title
|
||||
visible. Added and removed with js in TabSet.js */
|
||||
.cms-tree-view-sidebar{
|
||||
min-width: 176px; /* for when the scrollbar is present & find dropdown open */
|
||||
min-width: 176px; /* for when the scrollbar is present & find dropdown open */
|
||||
.ss-ui-action-tabset{
|
||||
ul.ui-tabs-nav{
|
||||
>li{
|
||||
width: auto;
|
||||
>li{
|
||||
width: auto;
|
||||
a.tab-nav-link{
|
||||
@include box-sizing(border-box);
|
||||
@include duration(0.5s);
|
||||
overflow:hidden;
|
||||
@include duration(0.5s);
|
||||
overflow:hidden;
|
||||
padding-right:0;
|
||||
width:30px;
|
||||
width:30px;
|
||||
&.active{
|
||||
@include duration(0.5s);
|
||||
width:110px;
|
||||
|
||||
width:110px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.tabset-open, &.tabset-open-last {
|
||||
ul.ui-tabs-nav,
|
||||
@ -197,21 +191,21 @@ $border: 1px solid darken(#D9D9D9, 15%);
|
||||
}
|
||||
.ui-tabs .ui-tabs-panel.ss-ui-action-tab {
|
||||
padding:10px 6px;
|
||||
width:162px;
|
||||
width:162px;
|
||||
.field {
|
||||
max-width:160px;
|
||||
max-width:160px;
|
||||
}
|
||||
.ui-icon {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.last .ui-tabs-panel.ss-ui-action-tab {
|
||||
left:auto;
|
||||
right:0;
|
||||
right:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/****************************************************************
|
||||
/****************************************************************
|
||||
Styles for the actions-menu implementation
|
||||
of ss-ui-action-tabset
|
||||
****************************************************************/
|
||||
@ -219,48 +213,47 @@ $border: 1px solid darken(#D9D9D9, 15%);
|
||||
margin-top: 2px;
|
||||
|
||||
//Style the tabs naivgation
|
||||
ul.ui-tabs-nav{
|
||||
margin: 0;
|
||||
ul.ui-tabs-nav{
|
||||
margin: 0;
|
||||
float: left; /* needed for ie but doesnt effect other browsers */
|
||||
|
||||
li{
|
||||
background: none;
|
||||
border: none;
|
||||
border-bottom: none !important; //over-ride jquery-ui style (which also has important)
|
||||
display: inline;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
padding: 0;
|
||||
&:hover, &:active{
|
||||
@include box-shadow(none);
|
||||
outline:none;
|
||||
}
|
||||
a{
|
||||
@include text-shadow(#fff 0 1px 1px);
|
||||
color: $color-text-blue-link;
|
||||
color: $color-text-blue-link;
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
line-height: 24px;
|
||||
padding:0 25px 0 10px;
|
||||
line-height: 24px;
|
||||
padding:0 25px 0 10px;
|
||||
&:hover, &:active{
|
||||
@include box-shadow(none);
|
||||
outline:none;
|
||||
outline:none;
|
||||
}
|
||||
&:hover{
|
||||
@include text-shadow(#fff 0 10px 10px);
|
||||
color: darken($color-text-blue-link,8%);
|
||||
}
|
||||
/* Arrow */
|
||||
/* Arrow */
|
||||
&:after {
|
||||
background: sprite($sprites32, arrow_down_lighter) no-repeat;
|
||||
border-bottom: 0;
|
||||
border-bottom: 0;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 16px;
|
||||
margin-left: 6px;
|
||||
width: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
&:hover:after {
|
||||
&:hover:after {
|
||||
background: sprite($sprites32, arrow_down_darker) no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Make arrow point in up when nav open */
|
||||
&.ui-state-active a {
|
||||
@ -270,7 +263,7 @@ $border: 1px solid darken(#D9D9D9, 15%);
|
||||
&:hover:after {
|
||||
background: sprite($sprites32, arrow_up_darker) no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Style the panel for actions-menu */
|
||||
@ -288,9 +281,9 @@ $border: 1px solid darken(#D9D9D9, 15%);
|
||||
margin:0;
|
||||
margin-top:2px;
|
||||
max-width:250px;
|
||||
padding: 8px 0 2px;
|
||||
padding: 8px 0 2px;
|
||||
position:absolute;
|
||||
z-index:1;
|
||||
z-index:1;
|
||||
min-width: 190px;
|
||||
|
||||
//Styles for the information displayed in popup above the main action buttons
|
||||
@ -300,29 +293,29 @@ $border: 1px solid darken(#D9D9D9, 15%);
|
||||
padding: 0 20px 0 0;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
p.meta-info {
|
||||
p.meta-info {
|
||||
color: #999;
|
||||
font-size: 11px;
|
||||
line-height: 16px;
|
||||
margin-bottom: 8px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
button.ss-ui-button{
|
||||
width:100%;
|
||||
&:hover, &:focus, &:active{
|
||||
@include box-shadow(none);
|
||||
background-color: darken($tab-panel-texture-color,4%);
|
||||
background-color: darken($tab-panel-texture-color,4%);
|
||||
outline:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Re-align last tab */
|
||||
.last .ui-tabs-panel.ss-ui-action-tab{
|
||||
left:auto;
|
||||
right:-1px;
|
||||
right:-1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cms-content-actions .Actions{
|
||||
|
||||
Loading…
Reference in New Issue
Block a user