Add icons to play/pause button

collective · Jun 10, 2016 · df54899 · df54899
1 parent b339062
commit df54899
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 1 deletion.
diff --git a/CHANGES.rst b/CHANGES.rst
@@ -4,6 +4,9 @@ Changelog
 1.0b1 (unreleased)
 ------------------
 
+- Add icons to play/pause button.
+  [rodfersou]
+
 - Implement i18n on the widget and update translations.
   [rodfersou, hvelarde]
 

diff --git a/src/collective/texttospeech/static/file-audio-o.svg b/src/collective/texttospeech/static/file-audio-o.svg
diff --git a/src/collective/texttospeech/static/main.css b/src/collective/texttospeech/static/main.css
@@ -1 +1,16 @@
-#viewlet-texttospeech{    text-align: right;}
+#viewlet-texttospeech
+{
+    text-align: right;
+}#texttospeech-button
+{
+    display: inline-block;     min-width: 5rem;     height: 1rem;     padding-left: 1.2rem;     cursor: pointer;     text-align: left;     border: none;     background-color: transparent;
+}#texttospeech-button.stopped
+{
+    background: url('++resource++collective.texttospeech/file-audio-o.svg') no-repeat left center;     background-size: 1rem;
+}#texttospeech-button.playing
+{
+    background: url('++resource++collective.texttospeech/pause.svg') no-repeat left center;     background-size: 1rem;
+}#texttospeech-button.paused
+{
+    background: url('++resource++collective.texttospeech/play.svg') no-repeat left center;     background-size: 1rem;
+}

diff --git a/src/collective/texttospeech/static/pause.svg b/src/collective/texttospeech/static/pause.svg
diff --git a/src/collective/texttospeech/static/play.svg b/src/collective/texttospeech/static/play.svg