Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
P
Platform
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
Platform
Commits
4b98868a
Commit
4b98868a
authored
Nov 25, 2014
by
Nicolas Widart
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Publishing menu assets
parent
5d01be91
Changes
3
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
847 additions
and
0 deletions
+847
-0
nestable.css
public/modules/Menu/css/nestable.css
+167
-0
jquery.nestable.js
public/modules/Menu/js/jquery.nestable.js
+484
-0
nestable.less
public/modules/Menu/less/nestable.less
+196
-0
No files found.
public/modules/Menu/css/nestable.css
0 → 100644
View file @
4b98868a
.dd
{
position
:
relative
;
display
:
block
;
margin
:
0
;
padding
:
0
;
list-style
:
none
;
font-size
:
13px
;
line-height
:
29px
;
}
.dd-list
{
display
:
block
;
position
:
relative
;
margin
:
0
;
padding
:
0
;
list-style
:
none
;
}
.dd-list
.dd-list
{
padding-left
:
30px
;
}
.dd-collapsed
.dd-list
{
display
:
none
;
}
.dd-item
,
.dd-empty
,
.dd-placeholder
{
display
:
block
;
position
:
relative
;
margin
:
0
;
padding
:
0
;
min-height
:
20px
;
font-size
:
13px
;
line-height
:
20px
;
}
.dd-handle
{
display
:
block
;
margin
:
5px
0
;
padding
:
4px
10px
;
color
:
#333
;
text-decoration
:
none
;
font-weight
:
bold
;
border
:
1px
solid
#ccc
;
background
:
#fafafa
;
-webkit-border-radius
:
3px
;
border-radius
:
3px
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
}
.dd-handle
:hover
{
color
:
#2ea8e5
;
background
:
#fff
;
cursor
:
move
;
}
.dd-item
>
button
{
display
:
block
;
position
:
relative
;
cursor
:
pointer
;
float
:
right
;
width
:
25px
;
height
:
20px
;
margin
:
5px
0
;
padding
:
0
;
text-indent
:
100%
;
white-space
:
nowrap
;
overflow
:
hidden
;
border
:
0
;
background
:
transparent
;
font-size
:
12px
;
line-height
:
1
;
text-align
:
center
;
font-weight
:
bold
;
}
.dd-item
>
button
:before
{
content
:
'+'
;
display
:
block
;
position
:
absolute
;
width
:
100%
;
text-align
:
center
;
text-indent
:
0
;
}
.dd-item
>
button
[
data-action
=
"collapse"
]
:before
{
content
:
'-'
;
}
.dd-placeholder
,
.dd-empty
{
margin
:
5px
0
;
padding
:
0
;
min-height
:
30px
;
background
:
#f2fbff
;
border
:
1px
dashed
#b6bcbf
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
}
.dd-empty
{
border
:
1px
dashed
#bbb
;
min-height
:
100px
;
background-color
:
#e5e5e5
;
background-image
:
-webkit-linear-gradient
(
45deg
,
#ffffff
25%
,
transparent
25%
,
transparent
75%
,
#ffffff
75%
,
#ffffff
),
-webkit-linear-gradient
(
45deg
,
#ffffff
25%
,
transparent
25%
,
transparent
75%
,
#ffffff
75%
,
#ffffff
);
background-image
:
-moz-linear-gradient
(
45deg
,
#ffffff
25%
,
transparent
25%
,
transparent
75%
,
#ffffff
75%
,
#ffffff
),
-moz-linear-gradient
(
45deg
,
#ffffff
25%
,
transparent
25%
,
transparent
75%
,
#ffffff
75%
,
#ffffff
);
background-image
:
linear-gradient
(
45deg
,
#ffffff
25%
,
transparent
25%
,
transparent
75%
,
#ffffff
75%
,
#ffffff
),
linear-gradient
(
45deg
,
#ffffff
25%
,
transparent
25%
,
transparent
75%
,
#ffffff
75%
,
#ffffff
);
background-size
:
60px
60px
;
background-position
:
0
0
,
30px
30px
;
}
.dd-dragel
{
position
:
absolute
;
pointer-events
:
none
;
z-index
:
9999
;
}
.dd-dragel
>
.dd-item
.dd-handle
{
margin-top
:
0
;
}
.dd-dragel
.dd-handle
{
-webkit-box-shadow
:
2px
4px
6px
0
rgba
(
0
,
0
,
0
,
0.1
);
box-shadow
:
2px
4px
6px
0
rgba
(
0
,
0
,
0
,
0.1
);
}
/**
* Nestable Extras
*/
.nestable-lists
{
display
:
block
;
clear
:
both
;
padding
:
30px
0
;
width
:
100%
;
border
:
0
;
border-top
:
2px
solid
#ddd
;
border-bottom
:
2px
solid
#ddd
;
}
#nestable-menu
{
padding
:
0
;
margin
:
20px
0
;
}
#nestable-output
,
#nestable2-output
{
width
:
100%
;
height
:
7em
;
font-size
:
0.75em
;
line-height
:
1.333333em
;
font-family
:
Consolas
,
monospace
;
padding
:
5px
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
}
#nestable2
.dd-handle
{
color
:
#fff
;
border
:
1px
solid
#999
;
background
:
#bbb
;
background
:
-webkit-linear-gradient
(
top
,
#bbbbbb
0%
,
#999999
100%
);
background
:
-moz-linear-gradient
(
top
,
#bbbbbb
0%
,
#999999
100%
);
background
:
linear-gradient
(
top
,
#bbbbbb
0%
,
#999999
100%
);
}
#nestable2
.dd-handle
:hover
{
background
:
#bbb
;
}
#nestable2
.dd-item
>
button
:before
{
color
:
#fff
;
}
@media
only
screen
and
(
min-width
:
700px
)
{
.dd
{
float
:
left
;
width
:
100%
;
}
.dd
+
.dd
{
margin-left
:
2%
;
}
}
.dd-hover
>
.dd-handle
{
background
:
#2ea8e5
!important
;
}
public/modules/Menu/js/jquery.nestable.js
0 → 100644
View file @
4b98868a
This diff is collapsed.
Click to expand it.
public/modules/Menu/less/nestable.less
0 → 100644
View file @
4b98868a
.dd {
position: relative;
display: block;
margin: 0;
padding: 0;
list-style: none;
font-size: 13px;
line-height: 29px;
}
.dd-list {
display: block;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.dd-list .dd-list {
padding-left: 30px;
}
.dd-collapsed .dd-list {
display: none;
}
.dd-item,
.dd-empty,
.dd-placeholder {
display: block;
position: relative;
margin: 0;
padding: 0;
min-height: 20px;
font-size: 13px;
line-height: 20px;
}
.dd-handle {
display: block;
margin: 5px 0;
padding: 4px 10px;
color: #333;
text-decoration: none;
font-weight: bold;
border: 1px solid #ccc;
background: #fafafa;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.dd-handle:hover {
color: #2ea8e5;
background: #fff;
cursor: move;
}
.dd-item > button {
display: block;
position: relative;
cursor: pointer;
float: right;
width: 25px;
height: 20px;
margin: 5px 0;
padding: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 0;
background: transparent;
font-size: 12px;
line-height: 1;
text-align: center;
font-weight: bold;
}
.dd-item > button:before {
content: '+';
display: block;
position: absolute;
width: 100%;
text-align: center;
text-indent: 0;
}
.dd-item > button[data-action="collapse"]:before {
content: '-';
}
.dd-placeholder,
.dd-empty {
margin: 5px 0;
padding: 0;
min-height: 30px;
background: #f2fbff;
border: 1px dashed #b6bcbf;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.dd-empty {
border: 1px dashed #bbb;
min-height: 100px;
background-color: #e5e5e5;
background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
-webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
-moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
}
.dd-dragel {
position: absolute;
pointer-events: none;
z-index: 9999;
}
.dd-dragel > .dd-item .dd-handle {
margin-top: 0;
}
.dd-dragel .dd-handle {
-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
}
/**
* Nestable Extras
*/
.nestable-lists {
display: block;
clear: both;
padding: 30px 0;
width: 100%;
border: 0;
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
}
#nestable-menu {
padding: 0;
margin: 20px 0;
}
#nestable-output,
#nestable2-output {
width: 100%;
height: 7em;
font-size: 0.75em;
line-height: 1.333333em;
font-family: Consolas, monospace;
padding: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
#nestable2 .dd-handle {
color: #fff;
border: 1px solid #999;
background: #bbb;
background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
background: -moz-linear-gradient(top, #bbb 0%, #999 100%);
background: linear-gradient(top, #bbb 0%, #999 100%);
}
#nestable2 .dd-handle:hover {
background: #bbb;
}
#nestable2 .dd-item > button:before {
color: #fff;
}
@media only screen and (min-width: 700px) {
.dd {
float: left;
width: 100%;
}
.dd + .dd {
margin-left: 2%;
}
}
.dd-hover > .dd-handle {
background: #2ea8e5 !important;
}
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