Comments (12)
Same here with Chrome 32. When you restore from maximized, sometimes labels are truncated as well.
When you resize browser by dragging, it's all fine.
from rrssb.
Thanks @awakenweb & @ErtugKaya. We were seeing this randomly as well but couldn't replicate. On the list!
from rrssb.
Chrome 32 Linux.
Screenshot attached.
from rrssb.
Facing the same issue, on Chrome 32.0.1700.107 m (Windows 7).
I was able to reproduce it every time by resizing the window using "Windows Key + Arrow". The problem is fixed as soon as the window is resized using the mouse (drag).
from rrssb.
This only seems to be an issue if you are go from mobile sized where small icon format is applied and use the browsers expand/maximize button to take it all the way to large.
The JS can't seem to keep up with such a fast change and proper button proportions aren't maintained when it reaches it's destination width.
This doesn't appear to be an issue when dragging the window with mouse. Not sure what the fix is at the moment aside from running the sizing functions again once more a couple of milliseconds after all resizing is complete.
from rrssb.
On resize, you should remove small class from buttons then decide if they should be small. For instance, add
$('.rrssb-buttons li.small').removeClass('small');
first at $(window).resize. This should fix the problem.
from rrssb.
@joshuatuscan Please look at the screenshot posted by @g105b, where the window is resized into a half from the maximized state. I'm able reproduce the same.
from rrssb.
@birla Are you just resizing browser or hitting a full screen button?
from rrssb.
@dbox I'm resizing the window using "Windows Key + Arrow" (right arrow, resulting in the window occupying half of my screen towards the right side) from a maximized state.
from rrssb.
I downloaded the source and confirm that
$(window).resize(function () {
$('.rrssb-buttons li.small').removeClass('small'); //add this here or in rrssbMagicLayout();
rrssbMagicLayout(sizeSmallBtns);
waitForFinalEvent(function(){
rrssbMagicLayout(sizeSmallBtns);
}, 100, "finished resizing");
});
fixes the problem seen in @awakenweb ss. May fix other rendering problems as well, cannot manage to reproduce them today. Please check.
from rrssb.
I've added your code ErtugKaya. Thanks.
from rrssb.
You are welcome. Already 900 stars! Keep up the good work.
from rrssb.
Related Issues (20)
- Google+ share gives "Invalid link" when trying to share
- Social Sharing Buttons HOT 1
- SCSS - rrssb-border-radius variable used inconsistently
- Show What`s APP only on mobile Phones HOT 3
- add reddit HOT 2
- Demo Instructions Causing huge icons + incorrect rendering HOT 9
- If I try to share on google plus it says the link isn't valid. HOT 1
- Demo URL is not working HOT 5
- Support Facebook Messenger Send HOT 1
- Add social network odnoklassniki HOT 1
- Are share counts working? HOT 1
- Adblock is realy blocking rrssb-buttons entirely! HOT 7
- Optimal script Usage
- Multiple ajax requests - adjust buttons only inside a div?
- Fixed height
- Link to current page instead of generic link
- PDF icon
- Is it possible to add SMS ?
- rrssb not detecting current url
- How to add tiktok
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rrssb.