1
0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 09:23:13 +01:00

Fix buttons for cc

This commit is contained in:
Tim Daubenschütz 2015-10-21 14:52:25 +02:00
parent 61cb4c87a9
commit a9fa60eaf2
5 changed files with 35 additions and 9 deletions

View File

@ -116,12 +116,12 @@ let AccordionListItemEditionWidget = React.createClass({
if(piece.first_edition === null) {
// user has deleted all his editions and only the piece is showing
return (
<Button
<button
disabled
title={getLangText('All editions for this have been deleted already.')}
className={classNames('btn', 'btn-secondary', 'btn-sm', 'ascribe-accordion-list-item-edition-widget', this.props.className)}>
className={classNames('btn', 'btn-default', 'btn-secondary', 'btn-sm', 'ascribe-accordion-list-item-edition-widget', this.props.className)}>
{'0 ' + getLangText('Editions')}
</Button>
</button>
);
} else {
let editionMapping = piece && piece.first_edition ? piece.first_edition.num_editions_available + '/' + piece.num_editions : '';

View File

@ -77,7 +77,7 @@ let CreateEditionsButton = React.createClass({
return (
<button
disabled
className={classNames('btn', 'btn-default', this.props.className)}>
className={classNames('btn', this.props.className)}>
{getLangText('Creating editions')} <AscribeSpinner
size='sm'
color='white'
@ -87,7 +87,7 @@ let CreateEditionsButton = React.createClass({
} else {
return (
<button
className={classNames('btn', 'btn-default', this.props.className)}
className={classNames('btn', this.props.className)}
onClick={this.props.toggleCreateEditionsDialog}>
{this.props.label}
</button>

View File

@ -326,7 +326,7 @@ let ReactS3FineUploader = React.createClass({
.then((res) => {
return res.json();
})
.then((res) =>{
.then((res) => {
if(res.otherdata) {
file.s3Url = res.otherdata.url_safe;
file.s3UrlSafe = res.otherdata.url_safe;

View File

@ -238,6 +238,10 @@ hr {
// thought of the day:
// "every great atrocity is the result of people just following orders"
.btn {
font-weight: $ascribe--font-weight-light;
}
// disabled buttons
.btn-default.disabled,
.btn-default.disabled:hover,
@ -264,7 +268,6 @@ fieldset[disabled] .btn-default.active {
.btn-default {
background-color: $ascribe--button-default-color;
border-color: $ascribe--button-default-color;
font-weight: $ascribe--font-weight-light;
&:hover,
&:active,

View File

@ -70,6 +70,7 @@ $cc--button-color: $cc--nav-fg-prim-color;
// disabled buttons
.client--cc {
// disabled buttons
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
@ -88,8 +89,30 @@ $cc--button-color: $cc--nav-fg-prim-color;
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
background-color: darken($cc--button-color, 20%);
border-color: darken($cc--button-color, 20%);
background-color: $cc--nav-bg-color;
color: $cc--nav-fg-prim-color;
}
}
.client--cc {
.btn-secondary {
background-color: $cc--nav-bg-color;
border-color: $cc--nav-fg-prim-color;
color: $cc--nav-fg-prim-color;
&:hover,
&:active,
&:focus,
&:active:hover,
&:active:focus,
&:active.focus,
&.active:hover,
&.active:focus,
&.active.focus {
background-color: $cc--nav-fg-prim-color;
border-color: $cc--nav-fg-prim-color;
color: $cc--nav-bg-color;
}
}
}