Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
B
baas-ide
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
JIRA
JIRA
Merge Requests
1
Merge Requests
1
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
guxukai
baas-ide
Commits
1f8f76f2
Commit
1f8f76f2
authored
Feb 14, 2019
by
Rob Stupay
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
small update to vert-icons - but not bringing them as in as <svg> but as base64
parent
838135a7
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
6 additions
and
0 deletions
+6
-0
vertical-icons-component.js
src/app/components/vertical-icons-component.js
+6
-0
No files found.
src/app/components/vertical-icons-component.js
View file @
1f8f76f2
...
@@ -27,6 +27,7 @@ class VerticalIconComponent {
...
@@ -27,6 +27,7 @@ class VerticalIconComponent {
addIcon
(
mod
)
{
addIcon
(
mod
)
{
let
kind
=
mod
.
kind
||
'other'
let
kind
=
mod
.
kind
||
'other'
this
.
icons
[
mod
.
name
]
=
yo
`<div class="
${
css
.
icon
}
" onclick=
${(
e
)
=>
{
this
.
_iconClick
(
mod
.
name
)
}}
title
=
$
{
mod
.
name
}
><img src="
${
mod
.
icon
}
" alt="
${
mod
.
name
}
" /></div>`
this
.
icons
[
mod
.
name
]
=
yo
`<div class="
${
css
.
icon
}
" onclick=
${(
e
)
=>
{
this
.
_iconClick
(
mod
.
name
)
}}
title
=
$
{
mod
.
name
}
><img src="
${
mod
.
icon
}
" alt="
${
mod
.
name
}
" /></div>`
this
.
iconKind
[
kind
].
appendChild
(
this
.
icons
[
mod
.
name
])
this
.
iconKind
[
kind
].
appendChild
(
this
.
icons
[
mod
.
name
])
}
}
...
@@ -132,6 +133,11 @@ const css = csjs`
...
@@ -132,6 +133,11 @@ const css = csjs`
height: 28px;
height: 28px;
padding: 4px;
padding: 4px;
}
}
.icon svg {
width: 28px;
height: 28px;
padding: 4px;
}
.icon.active {
.icon.active {
border: solid 3px hsla(229, 75%, 87%, 1);
border: solid 3px hsla(229, 75%, 87%, 1);
border-radius: 8px;
border-radius: 8px;
...
...
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