Commit bcf64702 authored by Jörg Richter's avatar Jörg Richter

Revise CSS (#200)

parent 00bb98c8
Pipeline #6063 passed with stages
in 2 minutes and 57 seconds
......@@ -3,13 +3,17 @@
<!-- Type Value -->
<dm5-value-renderer :object="object" :level="0" :context="context"></dm5-value-renderer>
<!-- Type URI -->
<div class="field-label">Type URI</div>
<div v-if="infoMode">{{object.uri}}</div>
<el-input v-else v-model="object.uri"></el-input>
<div class="field">
<div class="field-label">Type URI</div>
<div v-if="infoMode">{{object.uri}}</div>
<el-input v-else v-model="object.uri"></el-input>
</div>
<!-- Data Type -->
<div class="field-label">Data Type</div>
<div v-if="infoMode">{{dataType.value}}</div>
<dm5-data-type-select v-else :type="type"></dm5-data-type-select>
<div class="field">
<div class="field-label">Data Type</div>
<div v-if="infoMode">{{dataType.value}}</div>
<dm5-data-type-select v-else :type="type"></dm5-data-type-select>
</div>
<!-- Assoc Defs -->
<dm5-assoc-def-list :assoc-defs="assocDefs" :mode="mode" @assoc-def-click="click"></dm5-assoc-def-list>
</div>
......@@ -71,7 +75,8 @@ export default {
</script>
<style>
.dm5-type-renderer .field-label {
.dm5-type-renderer > .field,
.dm5-type-renderer .dm5-assoc-def-list {
margin-top: var(--field-spacing);
}
</style>
......@@ -34,13 +34,16 @@
--label-font-size: 12px;
--label-color: #909399; /* matches --color-text-secondary in element-ui/packages/theme-chalk/src/common/var.scss */
--label-color-disabled: #c0c4cc; /* matches --color-text-placeholder */
--heading-font-size: 16px;
--heading-spacing: 17px; /* vertical spacing before/after heading */
--color-topic-icon: hsl(210, 50%, 53%); /* matches dm5-color-picker blue */
--color-topic-hover: hsl(210, 50%, 53%); /* matches dm5-color-picker blue */
--line-height: 1.6em;
--paragraph-spacing: 0.6em;
--field-spacing: 1.2em; /* vertical spacing between data fields */
--icon-spacing: 7px; /* horizontal spacing between icon and label */
--detail-panel-padding: 12px; /* padding for detail panel tab panes */
--detail-panel-padding: 12px; /* left/right padding for detail panel tab panes */
--detail-panel-padding-all: 29px 12px 12px 12px;
--highlight-color: #409eff; /* matches --color-primary */
--background-color: #f5f7fa; /* matches --background-color-base (used for detail panel background) */
--background-color-darker: #ebeef5;
......
......@@ -9,7 +9,7 @@ import 'font-awesome/css/font-awesome.css'
import './element-ui'
import './websocket'
console.log('[DMX] 2019/04/30')
console.log('[DMX] 2019/05/09')
// 1) Init dm5 library
// The dm5 library must be inited *before* the dm5-webclient component is instantiated.
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment