tonyair
/
silverstripe-dms
mirror of https://github.com/silverstripe/silverstripe-dms
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

MINOR: Set width to doc-type buttons to prevent breaking when scaling

This commit is contained in:
Ryan O'Hara 2012-08-07 14:47:32 +12:00
parent 0e65cb2f1e
commit df6dc7b53e
2 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/DMSDocumentCMSFields.css
View File

@ -9,12 +9,13 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
#DocumentTypeID ul { padding: 0; }
#DocumentTypeID ul input[type="radio"] { display: none; }
#DocumentTypeID ul li { display: inline-block; padding: 0; width: auto; margin-right: 0; border-radius: 0; border-left: 1px solid #C0C0C2; border-right: 1px solid #f4f4f4; }
#DocumentTypeID ul li:first-child { border-radius: 6px 0 0 6px; }
#DocumentTypeID ul li:last-child { border-radius: 0 6px 6px 0; border-right: 1px solid #C0C0C2; }
#DocumentTypeID ul li.selected { border-bottom: 1px solid #C0C0C2; border-right: 1px solid #C0C0C2; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c0c0c0), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#c0c0c0, #e6e6e6); background: -moz-linear-gradient(#c0c0c0, #e6e6e6); background: -o-linear-gradient(#c0c0c0, #e6e6e6); background: -ms-linear-gradient(#c0c0c0, #e6e6e6); background: linear-gradient(#c0c0c0, #e6e6e6); box-shadow: 0 1px 1px 0 #555 inset; }
#DocumentTypeID ul li { display: inline-block; padding: 0; width: 94px; margin-right: -1px; border-radius: 0; }
#DocumentTypeID ul li.val1 { width: 130px; }
#DocumentTypeID ul li:first-child { border-radius: 6px 0 0 6px; border-left: 1px solid #C0C0C2; }
#DocumentTypeID ul li:last-child { border-radius: 0 6px 6px 0; }
#DocumentTypeID ul li.selected { border-bottom: 1px solid #C0C0C2; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c0c0c0), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#c0c0c0, #e6e6e6); background: -moz-linear-gradient(#c0c0c0, #e6e6e6); background: -o-linear-gradient(#c0c0c0, #e6e6e6); background: -ms-linear-gradient(#c0c0c0, #e6e6e6); background: linear-gradient(#c0c0c0, #e6e6e6); box-shadow: 0 1px 1px 0 #A0A0A0 inset; }
#DocumentTypeID ul li.selected :after { box-shadow: 0 1px 1px 0 #DDD; }
#DocumentTypeID ul li label { padding: .4em 1em; display: block; line-height: 1.4; }
#DocumentTypeID ul li label { padding: .4em 1em; display: block; line-height: 1.4; white-space: normal; }
#Actions li { margin-left: 2px; }
#Actions li:first-child { margin-left: 0; }

15
scss/DMSDocumentCMSFields.scss
View File

@ -48,28 +48,28 @@ form.small .field .TreeDropdownField,
li{
display:inline-block;
padding:0;
width:auto;
margin-right: 0;
width:94px;
margin-right: -1px;
border-radius:0;
border-left: 1px solid #C0C0C2;
border-right: 1px solid lighten(#C0C0C2, 20%);
&.val1{
width:130px;
}
&:first-child{
border-radius: 6px 0 0 6px;
border-left: 1px solid #C0C0C2;
}
&:last-child{
border-radius: 0 6px 6px 0;
border-right: 1px solid #C0C0C2;
}
&.selected{
border-bottom:1px solid #C0C0C2;
border-right: 1px solid #C0C0C2;
@include background(
linear-gradient(color-stops(
darken($color-button-generic, 15%),
$color-button-generic
))
);
box-shadow: 0 1px 1px 0 #555 inset;
box-shadow: 0 1px 1px 0 #A0A0A0 inset;
:after{
box-shadow: 0 1px 1px 0 #DDD;
}
@ -78,6 +78,7 @@ form.small .field .TreeDropdownField,
padding: .4em 1em;
display: block;
line-height: 1.4;
white-space:normal;
}
}
}