ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2025-01-03 10:25:08 +01:00
Code Issues Releases Wiki Activity

fix edition id that was breaking viewport on mobile

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-07-17 10:36:42 +02:00
parent 8cad3b521b
commit 18a37057e5
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
js/components/ascribe_detail/detail_property.js
View File

@ -17,8 +17,8 @@ let DetailProperty = React.createClass({
getDefaultProps() { getDefaultProps() {
return { return {
separator: ':', separator: ':',
labelClassName: 'col-xs-5 col-sm-4 col-md-3 col-lg-3', labelClassName: 'col-xs-3 col-sm-4 col-md-3 col-lg-3',
valueClassName: 'col-xs-7 col-sm-8 col-md-9 col-lg-9' valueClassName: 'col-xs-9 col-sm-8 col-md-9 col-lg-9'
}; };
}, },
@ -41,7 +41,7 @@ let DetailProperty = React.createClass({
<div className={this.props.labelClassName + ' col-xs-height col-bottom ascribe-detail-property-label'}> <div className={this.props.labelClassName + ' col-xs-height col-bottom ascribe-detail-property-label'}>
{ this.props.label + this.props.separator} { this.props.label + this.props.separator}
</div> </div>
<div className={this.props.valueClassName + ' col-xs-height col-bottom'}> <div className={this.props.valueClassName + ' col-xs-height col-bottom ascribe-detail-property-value'}>
{value} {value}
</div> </div>
</div> </div>

8
sass/main.scss
View File

@ -222,10 +222,16 @@ hr {
padding-bottom: 0.4em; padding-bottom: 0.4em;
} }
.ascribe-detail-property-label{ .ascribe-detail-property-label {
font-size: 0.8em; font-size: 0.8em;
} }
.ascribe-detail-property-value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
::-webkit-input-placeholder { /* WebKit browsers */ ::-webkit-input-placeholder { /* WebKit browsers */
font-size: 0.9em; font-size: 0.9em;
font-style: italic; font-style: italic;