Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Christopher M Reffett
whats-open
Commits
cd75d9f3
Commit
cd75d9f3
authored
Sep 22, 2013
by
Renfred Harper
Browse files
Add responsive elements to info popup
parent
bf6afac7
Changes
4
Hide whitespace changes
Inline
Side-by-side
website/static/css/style.css
View file @
cd75d9f3
...
...
@@ -125,7 +125,10 @@ ul.ui-autocomplete {
background-color
:
#FFF
;
padding-top
:
10px
;
padding-bottom
:
10px
;
cursor
:
pointer
;
position
:
fixed
;
top
:
51px
;
bottom
:
0
;
z-index
:
3
;
display
:
none
;
}
#info-name
{
...
...
@@ -134,7 +137,9 @@ ul.ui-autocomplete {
}
#info-close
{
position
:
absolute
;
right
:
15px
;
right
:
0
;
padding
:
6px
19px
19px
19px
;
cursor
:
pointer
;
}
/* Custom Responsive Classes */
/* xs */
...
...
@@ -143,7 +148,9 @@ ul.ui-autocomplete {
}
/* sm */
@media
(
min-width
:
768px
)
{
#info-close
{
padding
:
6px
31px
31px
31px
;
}
}
/* md */
@media
(
min-width
:
992px
)
{
...
...
@@ -170,6 +177,13 @@ ul.ui-autocomplete {
.navbar-default
{
background-color
:
rgba
(
252
,
252
,
255
,
0.82
);
}
#info-body
{
position
:
static
;
cursor
:
pointer
;
}
#info-close
{
display
:
none
;
}
}
/* lg */
@media
(
min-width
:
1200px
)
{
...
...
website/static/img/close.png
0 → 100644
View file @
cd75d9f3
1.21 KB
website/static/js/grid.js
View file @
cd75d9f3
...
...
@@ -129,7 +129,13 @@ $.ajax({
$
(
document
).
ready
(
function
()
{
var
lastClicked
=
null
;
$
(
'
#info-body
'
).
click
(
function
()
{
$
(
this
).
slideUp
(
350
);
// Only allow closing the info pane via click on larger screens
if
(
$
(
window
).
width
()
>=
992
)
{
$
(
this
).
slideUp
(
350
);
}
});
$
(
'
#info-body
'
).
click
(
function
()
{
$
(
this
).
slideUp
(
350
);
});
$
(
document
).
on
(
'
click
'
,
'
.grid-box
'
,
function
()
{
// If the user clicks on the same box twice it will close the info menu
...
...
whats_open/templates/base.html
View file @
cd75d9f3
...
...
@@ -54,6 +54,7 @@
<div
id=
"info-body"
>
<div
class=
"container"
id=
"info-container"
>
<div
class=
"row"
>
<img
src=
"{{ STATIC_URL }}img/close.png"
id=
"info-close"
>
<div
class=
"col-md-12"
id=
"info-name"
></div>
<div
class=
"col-md-3"
id=
"info-status"
></div>
<div
class=
"col-md-3"
id=
"info-next"
></div>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment