Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
E
ecommerce-ui
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
nexedi
ecommerce-ui
Commits
3ee4e4c3
Commit
3ee4e4c3
authored
May 15, 2014
by
Sven Franck
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
debug: add panel CSS back
parent
5907a7d5
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
205 additions
and
0 deletions
+205
-0
css/themes.css
css/themes.css
+205
-0
No files found.
css/themes.css
View file @
3ee4e4c3
...
@@ -1163,6 +1163,211 @@ html .ui-btn, label.ui-btn {
...
@@ -1163,6 +1163,211 @@ html .ui-btn, label.ui-btn {
}
}
/* =============================== panel =================================== */
html
body
.ui-panel
{
border-width
:
0px
;
/* overwrite border-width reset by panel-swatch ui-overlay... */
}
/* header inside panels */
html
.ui-panel
.ui-header
{
border-width
:
0px
;
padding-bottom
:
2px
;
}
html
.ui-panel
.ui-header
>
*
{
font-weight
:
normal
;
}
/* panel closer */
html
.ui-panel
.ui-btn.ui-panel-close
{
background-color
:
transparent
;
background-image
:
none
;
margin
:
0
;
right
:
0
;
}
/* panel collapsible content */
html
body
.ui-panel
.ui-collapsible-content
{
padding
:
0
;
}
html
body
.ui-panel
.ui-collapsible
.ui-collapsible-content
>
.ui-input-search
{
margin
:
auto
;
border-radius
:
0
;
}
html
.ui-panel
.ui-btn.ui-panel-close
:hover
{
border-color
:
transparent
;
}
html
.ui-panel
.ui-btn.ui-panel-close
:after
{
font-size
:
1.25em
;
}
/*
html .ui-btn.ui-panel-close {
position: absolute !important;
top: -9999px;
left: -9999px;
clip: rect(1px 1px 1px 1px);
display: none;
}
@media (max-width: 30em) {*/
html
.ui-btn.ui-panel-close
{
right
:
0
;
top
:
0
;
left
:
auto
;
clip
:
auto
;
display
:
block
;
padding
:
0
.54em
;
}
/*
}
*/
/* panel search input overriding width */
html
.ui-panel
.ui-input-search
{
margin
:
2%
1%
;
}
@media
(
max-width
:
30em
)
{
html
.ui-panel
.ui-input-search
{
width
:
77%
;
}
}
@media
(
max-width
:
25em
)
{
html
.ui-panel
.ui-input-search
{
width
:
77%
;
}
}
@media
(
max-width
:
20em
)
{
html
.ui-panel
.ui-input-search
{
width
:
77%
;
}
}
/* filterable */
html
.ui-filterable
{
width
:
75%
;
margin
:
0
auto
;
}
@media
(
max-width
:
40em
)
{
html
.ui-filterable
{
width
:
100%
;
margin
:
0.5em
0
;
}
}
/* extend panel to fullwidth on small screens */
@media
(
max-width
:
30em
)
{
/* override JQM 17em */
.ui-panel
{
width
:
100%
;
}
/* positioning: panel */
/* panel left */
.ui-panel-position-left
{
left
:
-100%
;
}
/* animated: panel left (for overlay and push) */
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay
,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push
{
left
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
-moz-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
);
}
/* panel left open */
.ui-panel-position-left.ui-panel-display-reveal
,
/* negate "panel left" for reveal */
.ui-panel-position-left.ui-panel-open
{
left
:
0
;
}
/* animated: panel left open (for overlay and push) */
.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-overlay
,
.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-push
{
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
transform
:
translate3d
(
0
,
0
,
0
);
-moz-transform
:
none
;
}
/* panel right */
.ui-panel-position-right
{
right
:
-100%
;
}
/* animated: panel right (for overlay and push) */
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay
,
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push
{
right
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
-moz-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
);
}
/* panel right open */
.ui-panel-position-right.ui-panel-display-reveal
,
/* negate "panel right" for reveal */
.ui-panel-position-right.ui-panel-open
{
right
:
0
;
}
/* animated: panel right open (for overlay and push) */
.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-overlay
,
.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-push
{
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
transform
:
translate3d
(
0
,
0
,
0
);
-moz-transform
:
none
;
}
/* positioning: pages, fixed toolbars and dismiss */
/* panel left open */
.ui-panel-page-content-position-left.ui-panel-page-content-open
,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open
{
left
:
100%
;
right
:
-100%
;
}
/* animated: panel left open (for reveal and push) */
.ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-open.ui-panel-page-content-display-reveal
,
.ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-open.ui-panel-page-content-display-push
{
left
:
0
;
right
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
-moz-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
);
}
/* panel right open */
.ui-panel-page-content-position-right.ui-panel-page-content-open
,
.ui-panel-dismiss-position-right.ui-panel-dismiss-open
{
left
:
-100%
;
right
:
100%
;
}
/* animated: panel right open (for reveal and push) */
.ui-panel-animate.ui-panel-page-content-position-right.ui-panel-page-content-open.ui-panel-page-content-display-reveal
,
.ui-panel-animate.ui-panel-page-content-position-right.ui-panel-page-content-open.ui-panel-page-content-display-push
{
left
:
0
;
right
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
-moz-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
);
}
/* negate "panel left/right open" for overlay */
.ui-panel-page-content-open.ui-panel-page-content-display-overlay
{
left
:
0
;
}
}
/* allow interaction with page on large displays */
@media
(
min-width
:
30em
)
{
/* wrap on wide viewports once open */
.ui-page-panel-open
.ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left
,
.ui-page-panel-open
.ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left
,
.ui-page-panel-open
.ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left
,
.ui-page-panel-open
.ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left
{
margin-right
:
17em
;
}
.ui-page-panel-open
.ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right
,
.ui-page-panel-open
.ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right
,
.ui-page-panel-open
.ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right
,
.ui-page-panel-open
.ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right
{
margin-left
:
17em
;
}
.ui-page-panel-open
.ui-panel-content-fixed-toolbar-display-push
,
.ui-page-panel-open
.ui-panel-content-fixed-toolbar-display-reveal
{
width
:
auto
;
}
/* disable "dismiss" on wide viewports */
.ui-panel-dismiss
{
display
:
none
;
}
/* same as the above but for panels with display mode "push" only */
.ui-panel-dismiss-display-push
{
display
:
none
;
}
}
/* action/input buttons */
/* action/input buttons */
.bare_button
,
.bare_button
,
.bare_button
.ui-btn-inner
,
.bare_button
.ui-btn-inner
,
...
...
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