diff --git a/js/components/ascribe_buttons/button_submit.js b/js/components/ascribe_buttons/button_submit.js
deleted file mode 100644
index ef5999cd..00000000
--- a/js/components/ascribe_buttons/button_submit.js
+++ /dev/null
@@ -1,27 +0,0 @@
-'use strict';
-
-import React from 'react';
-
-let ButtonSubmitOrClose = React.createClass({
- propTypes: {
- submitted: React.PropTypes.bool.isRequired,
- text: React.PropTypes.string.isRequired
- },
-
- render() {
- if (this.props.submitted){
- return (
-
-
-
- );
- }
- return (
-
-
-
- );
- }
-});
-
-export default ButtonSubmitOrClose;
diff --git a/js/components/ascribe_buttons/button_submit_close.js b/js/components/ascribe_buttons/button_submit_close.js
deleted file mode 100644
index 11d3c0a4..00000000
--- a/js/components/ascribe_buttons/button_submit_close.js
+++ /dev/null
@@ -1,32 +0,0 @@
-'use strict';
-
-import React from 'react';
-
-import AppConstants from '../../constants/application_constants';
-import { getLangText } from '../../utils/lang_utils.js'
-
-let ButtonSubmitOrClose = React.createClass({
- propTypes: {
- submitted: React.PropTypes.bool.isRequired,
- text: React.PropTypes.string.isRequired,
- onClose: React.PropTypes.func.isRequired
- },
-
- render() {
- if (this.props.submitted){
- return (
-
-
-
- );
- }
- return (
-
-
-
-
- );
- }
-});
-
-export default ButtonSubmitOrClose;
diff --git a/js/components/ascribe_media/media_player.js b/js/components/ascribe_media/media_player.js
index ad53b61f..e4b69c69 100644
--- a/js/components/ascribe_media/media_player.js
+++ b/js/components/ascribe_media/media_player.js
@@ -28,12 +28,20 @@ let Other = React.createClass({
},
render() {
- let ext = this.props.url.split('.').pop();
+ let filename = this.props.url.split('/').pop();
+ let tokens = filename.split('.');
+ let preview;
+
+ if (tokens.length > 1) {
+ preview = '.' + tokens.pop();
+ } else {
+ preview = 'file';
+ }
return (
- .{ext}
+ {preview}
);
diff --git a/sass/ascribe_media_player.scss b/sass/ascribe_media_player.scss
index f3b87618..213fbafa 100644
--- a/sass/ascribe_media_player.scss
+++ b/sass/ascribe_media_player.scss
@@ -12,8 +12,13 @@
}
.media-other {
- font-size: 500%;
color: #cccccc;
+ font-size: 500%;
+ p {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
}
.audiojs {
diff --git a/sass/lib/buttons.scss b/sass/lib/buttons.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/sass/main.scss b/sass/main.scss
index e8d708e3..6f17792a 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -184,31 +184,22 @@ hr {
border: 1px solid $ascribe-brand-danger;
}
}
-.btn-ascribe, .btn-ascribe-inv {
+.btn-ascribe {
border: 1px solid #444;
line-height: 2em;
margin-right: 1px;
margin-left: 0 !important;
font-family: sans-serif !important;
border-radius: 0 !important;
-}
-
-.btn-ascribe, .btn-ascribe-inv:active, .btn-ascribe-inv:hover {
color: #222 !important;
background-color: #FFF;
}
-.btn-ascribe:active, .btn-ascribe:hover, .btn-ascribe-inv {
+.btn-ascribe:active, .btn-ascribe:hover {
color: #FFF !important;
background-color: #444;
}
-.btn-ascribe-inv:disabled, .btn-ascribe-inv:focus {
- color: #444 !important;
- background-color: #BBB !important;
- border: 1px solid #444 !important;
-}
-
.btn-ascribe-sm {
font-size: 12px;
line-height: 1.3em;