diff options
author | 2018-08-07 14:15:05 +0300 | |
---|---|---|
committer | 2018-08-07 14:15:05 +0300 | |
commit | b9708a7c3cfaf5767992a2b15180e7b85c459242 (patch) | |
tree | 076e19ea52232232e9060a9d7e074947a4a49508 /app/comp-fe/catalog.css | |
parent | cc32bd38d72e5c1c92048657083952d3e45c1819 (diff) |
adding the dcae dt code
Adding DCAE-dt code
Change-Id: Id6b779db9d24e10825fb97ad5fd46f41e65e6738
Issue-ID: SDC-1614
Signed-off-by: Eran (ev672n), Vosk <ev672n@att.com>
Diffstat (limited to 'app/comp-fe/catalog.css')
-rw-r--r-- | app/comp-fe/catalog.css | 248 |
1 files changed, 248 insertions, 0 deletions
diff --git a/app/comp-fe/catalog.css b/app/comp-fe/catalog.css new file mode 100644 index 0000000..5d674e3 --- /dev/null +++ b/app/comp-fe/catalog.css @@ -0,0 +1,248 @@ +.product { + font-size: 140%; +} + +#catalog { + width: auto; + overflow: hidden; + height: 100%; + font-family: helvetica; //font-weight: 200; +} + +#catalogitemlist { + display: inline-block; + overflow-x: hidden; + max-height: 95%; + width: 360px; + pointer-events: all; //margin-top: 10px; + margin: 4px; + padding: 6px; + border: 1px solid rgba(50, 50, 50, 0.5); //border-radius: 11px; + //background: rgba(238,238,238,0.4); + transition: 1s; + overflow: scroll; + max-height: 800px; +} + +#catalogitemlist:hover { + //background: rgba(238,238,238,0.9); +} + +.big-btn { + width: 100%; +} + +.catalogitems { + overflow-y: visible; + overflow-x: hidden; +} + +.catalogitem { + display: unset; + margin: 5px; //width: 320px; + padding: 15px; + padding-left: 15px; + padding-bottom: 15px; //border-radius: 10px; + border: 1px dotted rgba(50, 50, 50, 0.5); + overflow-x: hidden; +} + +.catalogitem:hover { + border: 1px dotted rgba(50, 50, 50, 0.5); +} + +.inflight { + transform: scale(.5); +} + +.template { + padding-left: 15px; +} + +.node { + margin-left: 10px; + padding: 2px; + border-radius: 8px; +} + +.node:hover { + background-color: rgba(0, 0, 0, 0.15); +} + +.nodebody { + padding-left: 15px; +} + +.propinput { + padding-left: 15px; +} + +.notes { + display: inline-block; + vertical-align: top; + text-align: left; + font-size: 16px; + padding-left: 8px; + width: 300px; +} + +.dotbox { + width: 300px; + margin: 4px; + outline: 1px dotted rgba(50, 50, 50, 0.5); +} + +.nodebox { + max-width: 310px; + margin: 4px; + margin-left: 15px; + overflow: hidden; + line-spacing: 1.1; +} + +.dcae-label { + display: inline-block; + width: 100px; + text-align: left top; +} + +.dragover { + background-color: gray; +} + +.dcae-input { + color: black; + border: 1px dotted rgba(50, 50, 50, 0.5); + background-color: rgba(0, 0, 0, 0); + font-size: 100%; + font-family: Raleway; +} + +.dcae-input:focus { + outline: 1px solid rgba(50, 50, 50, 0.5); +} + +#dragcover { + z-index: -1; + position: absolute; + left: 0; + bottom: 0; + width: 600; + height: 600; + -webkit-transform: scale(0.3); + -webkit-transform-origin: bottom left; + padding: 4px; + overflow: hidden; + background: #eeeeee; +} + +#dragdiv { + z-index: -2; + position: absolute; + left: 0; + bottom: 0; + width: 600px; + height: auto; + -webkit-transform: scale(0.3); + -webkit-transform-origin: bottom left; + padding: 4px; + overflow: hidden; +} + +#dragtext { + font-size: 350%; +} + +#innerdragdiv { + width: 380px; + height: auto; + margin-left: 30px; + border-radius: 15; + overflow: hidden; +} + +#top { + font-size: 200%; +} + +#search { + font-size: 120%; + position: absolute; + left: 10px; + max-width: 900px; //height: 400px; + line-height: 2.3; + overflow-x: visible; + margin: 0 auto; +} + +body::-webkit-scrollbar { + width: 1px; +} + +#searchfield { + display: block; + float: left; +} + +#searchitems { + display: block; + float: left; + pointer-events: all; + height: auto; + width: auto; + max-width: 400px; + max-height: 300px; + padding: 4px; + margin-left: 12px; + overflow-x: hidden; + overflow-y: auto; + line-height: 2; + background: #eeeeee; + box-shadow: 4px 4px 50px rgba(0, 0, 0, 1); +} + +#searchbox { + font-family: Raleway; + pointer-events: all; + margin-bottom: 10px; +} + +.searchitem { + pointer-events: all; + margin: 2px; + padding: 5px; + outline: 1px dotted rgba(50, 50, 50, 0.5); +} + +.searchitem:hover { + outline: 1px solid rgba(50, 50, 50, 0.5); +} + +.folder { + margin: 5px; //width: 320px; + padding: 15px; + padding-left: 15px; + padding-bottom: 15px; //border-radius: 10px; + outline: 1px dotted rgba(50, 50, 50, 0.5); + overflow-x: hidden; +} + +.folder:hover { + outline: 2px solid rgba(50, 50, 50, 0.5); //background: rgba(255,0,0,0.2); +} + +.draggable { + //background: rgba(0,0,0,0.1); +} + +.item.draggable:hover { + outline: 1px solid rgba(0, 0, 0, 0.8); //background: rgba(255,255,255,0.6); +} + +.item { + padding: 2px; + margin: 1px; + margin-left: 20px; + display: inline-block; + outline: 1px solid rgba(0, 0, 0, 0); +} |