Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mic symbol is not at the center of the background #28

Open
atchyut-re opened this issue Aug 23, 2016 · 2 comments
Open

Mic symbol is not at the center of the background #28

atchyut-re opened this issue Aug 23, 2016 · 2 comments

Comments

@atchyut-re
Copy link

Firstly, A great thanks for this work. I have finally implemented and using the SpeechKITT.
But I was stuck with an issue of not having a circle shaped UI, I mean the mic symbol is not being present in the center as shown in the Readme. Please find the screenshots.
Some one please help me with this fix.
instruction-box
mic

@atchyut-re atchyut-re changed the title Not able to get the circle shaped UI Not able to get the circle shaped UI, mic is not at the center Aug 23, 2016
@atchyut-re atchyut-re changed the title Not able to get the circle shaped UI, mic is not at the center Mic symbol is not at the center of the background Aug 23, 2016
@atchyut-re
Copy link
Author

atchyut-re commented Aug 23, 2016

Well, I got it resolved by considering the height:50px instead of height:100% for #skitt-listening-box div. or by changing the line-height

But this doesn't work for responsiveness.

screenshot from 2016-08-23 12 17 42
screenshot from 2016-08-23 12 18 11

@atyachin
Copy link

atyachin commented Feb 6, 2017

Had the same issue when linked to the cloudflare.com libraries/templates.
Solved by linking to the latest library and templates from Github.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants