aboutsummaryrefslogtreecommitdiffstats
path: root/components/panel
diff options
context:
space:
mode:
authorIsrael Lavi <israel.lavi@intl.att.com>2018-05-21 17:42:00 +0300
committerIsrael Lavi <il0695@att.com>2018-05-21 17:52:01 +0300
commit1994c98063c27a41797dec01f2ca9fcbe33ceab0 (patch)
treef30beeaf15a8358f6da78fdd74bcbda74bd334f8 /components/panel
parent4749f4631426fcbe29ed98cef8f24cab18b501d0 (diff)
init commit onap ui
Change-Id: I1dace78817dbba752c550c182dfea118b4a38646 Issue-ID: SDC-1350 Signed-off-by: Israel Lavi <il0695@att.com>
Diffstat (limited to 'components/panel')
-rw-r--r--components/panel/basic-panel.html21
-rw-r--r--components/panel/panel.scss8
2 files changed, 29 insertions, 0 deletions
diff --git a/components/panel/basic-panel.html b/components/panel/basic-panel.html
new file mode 100644
index 0000000..14e6461
--- /dev/null
+++ b/components/panel/basic-panel.html
@@ -0,0 +1,21 @@
+<div class="sdc-panel">
+ <h3>
+ Panel
+ </h3>
+ <div class="sdc-checkbox">
+ <label>
+ <input type="checkbox" class="sdc-checkbox__input" />
+ <span class="sdc-checkbox__label">
+ filter-item
+ </span>
+ </label>
+ </div>
+ <div class="sdc-checkbox ">
+ <label>
+ <input type="checkbox" class="sdc-checkbox__input" checked="" />
+ <span class="sdc-checkbox__label">
+ filter-item-checked
+ </span>
+ </label>
+ </div>
+</div> \ No newline at end of file
diff --git a/components/panel/panel.scss b/components/panel/panel.scss
new file mode 100644
index 0000000..921dd74
--- /dev/null
+++ b/components/panel/panel.scss
@@ -0,0 +1,8 @@
+.sdc-panel {
+ width: 280px;
+ overflow-y: auto;
+ height: 100%;
+ box-shadow: 1px 0px 4px 0px $light-gray;
+ background-color: $white;
+ padding: 0;
+} \ No newline at end of file