Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in
Toggle navigation
V
v-accordion
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Custom Issue Tracker
Custom Issue Tracker
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
angularjs
v-accordion
Commits
3d50737c
Commit
3d50737c
authored
Aug 03, 2018
by
bingchuan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
[dev]version 1.6.0
parents
Pipeline
#77
failed with stages
Changes
3
Pipelines
1
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
145 additions
and
0 deletions
+145
-0
bower.json
bower.json
+28
-0
v-accordion.css
dist/v-accordion.css
+117
-0
v-accordion.js
dist/v-accordion.js
+0
-0
No files found.
bower.json
0 → 100755
View file @
3d50737c
{
"name"
:
"v-accordion"
,
"description"
:
"vAccordion - AngularJS multi-level accordion component"
,
"keywords"
:
[
"AngularJS"
,
"accordion"
,
"multi-level"
,
"component"
,
"directive"
,
"module"
],
"authors"
:
[
"Łukasz Wątroba <l@lukaszwatroba.com>"
],
"main"
:
[
"dist/v-accordion.js"
,
"dist/v-accordion.css"
],
"dependencies"
:
{
"angular"
:
"^1.3.0"
,
"angular-animate"
:
"^1.3.0"
},
"devDependencies"
:
{
"angular-mocks"
:
"~1.4.0"
,
"angular-scenario"
:
"~1.4.0"
,
"valitycss"
:
"~0.3.1"
}
}
dist/v-accordion.css
0 → 100644
View file @
3d50737c
/**
* vAccordion - AngularJS multi-level accordion component
* @version v1.6.0
* @link http://lukaszwatroba.github.io/v-accordion
* @author Łukasz Wątroba <l@lukaszwatroba.com>
* @license MIT License, http://www.opensource.org/licenses/MIT
*/
/***************************************
vAccordion
***************************************/
/**
* Example HTML:
*
<v-accordion class="vAccordion--default">
<v-pane>
<v-pane-header id="pane-header" aria-controls="pane-content">
[content]
</v-pane-header>
<v-pane-content id="pane-content" aria-labelledby="pane-header">
[content]
</v-pane-content>
</v-pane>
</v-accordion>
*/
/* Base styles
***************************************/
v-accordion
{
display
:
block
;
}
v-pane
{
display
:
block
;
}
v-pane
.is-expanded
>
v-pane-content
>
div
{
display
:
visible
;
}
v-pane
[
disabled
]
>
v-pane-header
{
opacity
:
0.6
;
pointer-events
:
none
;
}
v-pane-header
{
display
:
block
;
position
:
relative
;
cursor
:
pointer
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
outline
:
none
;
}
v-pane-header
:focus
{
outline
:
none
;
}
v-pane-header
>
div
{
display
:
block
;
}
v-pane-content
{
display
:
block
;
position
:
relative
;
overflow
:
hidden
;
max-height
:
0px
;
}
v-pane-content
>
div
{
visibility
:
none
;
}
/* Theme: default
***************************************/
.vAccordion--default
v-accordion
{
margin-top
:
20px
;
padding-left
:
20px
;
}
.vAccordion--default
v-pane-content
>
div
{
padding-bottom
:
20px
;
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
30px
,
0
);
transform
:
translate3d
(
0
,
30px
,
0
);
-webkit-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.vAccordion--default
v-pane
{
overflow
:
hidden
;
}
.vAccordion--default
v-pane
.is-expanded
>
v-pane-header
{
border-bottom-color
:
#2196F3
;
}
.vAccordion--default
v-pane
.is-expanded
>
v-pane-header
::after
{
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
);
opacity
:
0
;
}
.vAccordion--default
v-pane
.is-expanded
>
v-pane-header
::before
{
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
);
}
.vAccordion--default
v-pane
.is-expanded
>
v-pane-content
>
div
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
transform
:
translate3d
(
0
,
0
,
0
);
}
.vAccordion--default
v-pane
[
disabled
]
v-pane-header
::after
,
.vAccordion--default
v-pane
[
disabled
]
v-pane-header
::before
{
display
:
none
;
}
.vAccordion--default
v-pane-header
{
padding
:
5px
0
;
margin-bottom
:
20px
;
border-bottom
:
2px
solid
#D8D8D8
;
-webkit-transition
:
all
0.25s
;
transition
:
all
0.25s
;
}
.vAccordion--default
v-pane-header
::after
,
.vAccordion--default
v-pane-header
::before
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
50%
;
right
:
0
;
width
:
10px
;
height
:
1px
;
background-color
:
#2196F3
;
-webkit-transform-origin
:
50%
50%
;
transform-origin
:
50%
50%
;
will-change
:
transform
;
-webkit-transition
:
all
0.25s
;
transition
:
all
0.25s
;
}
.vAccordion--default
v-pane-header
::before
{
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
);
}
.vAccordion--default
v-pane-header
:hover
,
.vAccordion--default
v-pane-header
:focus
{
color
:
#2196F3
;
}
dist/v-accordion.js
0 → 100644
View file @
3d50737c
This diff is collapsed.
Click to expand it.
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