Comments (13)
from swipebox.
I'll try to make a PR for this very soon :)
from swipebox.
thank you!
from swipebox.
A fix for that would be nice! thx rictorres.
from swipebox.
Simply move the close button upper right will solve.
Dr. Marco Marsala
Network Solution
http://www.genovaperte.it (showing the problem)
from swipebox.
minimal-ui has been added for the viewport meta tag key that allows minimizing the top and bottom bars on the iPhone as the page loads. While on a page using minimal-ui, tapping the top bar brings the bars back. Tapping back in the content dismisses them again.
It is a new feature in iOS 7.1
It works!
from swipebox.
@niggel84 and what about iOS 7.0?! That's not really a solution.
from swipebox.
@PhilippSchreiber yeah thats true...its a workaround
i think 90% (or more) of all apple users update their devices >= Iphone 4.
from swipebox.
Yes, it would be better to move the X upper right, but in the meantime this is an excellent workaround
from swipebox.
Yeah alright, I'm one of the 10% ;)
Here is a working solution for moving the controls up and the caption down (including styling fixes with the borders):
#swipebox-action {
top: -50px;
}
#swipebox-action.visible-bars {
top: 0;
border-top: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#swipebox-caption {
top: auto;
bottom: -50px;
}
#swipebox-caption.visible-bars {
top: auto;
bottom: 0;
border-bottom: 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
from swipebox.
@PhilippSchreiber
yeah thx for this....but it is a little bit buggy.
- title tag is behind the toolbar
- if you start the swipebox with the "big" URL field --> see picture
from swipebox.
@niggel84 you are right, I used an outdated version of swipebox for my fix. Here is a working css code for the current version:
#swipebox-action {
top: -50px;
bottom: auto;
border-top: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#swipebox-action.visible-bars {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
#swipebox-caption {
top: auto;
bottom: -50px;
border-bottom: 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#swipebox-caption.visible-bars {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
from swipebox.
@PhilippSchreiber
nice...it works perfect....thx :)
from swipebox.
Related Issues (20)
- Is it possible to handle mouse scroll and switch images on such events?
- sorry, I posted by mistake
- Code Injection Vulnerability
- How do you make the top bar with the title and bottom bar with the navigation button NEVER go away ? HOT 1
- swipebox con videos .mp4
- Autoplay Slideshow
- touch devices do not display all slides [fix]
- Not working with jquery 3.x.x HOT 2
- Video does not autoplay in Chrome
- Adding links to images and/or caption text
- Getting black overlay screen on every click HOT 29
- Can not close Swipebox HOT 1
- Mobile Browser Swipe Bugfix
- JQMIGRATE: jQuery.isArray is deprecated; use Array.isArray HOT 3
- Close on Tap
- Popup Close button click event not working HOT 2
- Not able to Pause the YT video after playing it on mobile
- Problem with Multiple Galleries on Same Page
- Flickering and sporadic streak at the top of the slider HOT 5
- how to change the location of the toggle arrows?
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 swipebox.