pokračování na vzhledu

vue_frontend/src/components/CisloNode.vue

@@ -16,16 +16,4 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-h3 {
-	margin: 40px 0 0;
-}
-ul {
-/*	list-style-type: none;*/
-	padding: 0;
-}
-li {
-	/*display: inline-block;*/
-	margin: 0 10px;
-}
-
 </style>

vue_frontend/src/components/RocnikNode.vue

@@ -18,16 +18,4 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-h3 {
-	margin: 40px 0 0;
-}
-ul {
-/*	list-style-type: none;*/
-	padding: 0;
-}
-li {
-	/*display: inline-block;*/
-	margin: 0 10px;
-}
-
 </style>

vue_frontend/src/components/TextNode.vue

@@ -120,6 +120,6 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
 .changed {
-	background-color: #db88f5;
+	background-color: 'yellow';
 }
 </style>

vue_frontend/src/components/TreeNode.vue

@@ -1,5 +1,6 @@
 <template>
 <details>
+
 	<!-- následující řádek nefunguje, protože summary musí být první tag v details -->
 	<!-- <div class="treenode-org"> bude tu nějaký if na class="treenode" -->
 
@@ -7,19 +8,20 @@
 	<component :is='item.node.polymorphic_ctype.model' :item='item' :key='item.node.id'></component>
 </summary>
 
-	<button v-on:click="debugShow = !debugShow" class="nodebug">Ladící data</button> <!--bude tu nějaký if na class="nodebug", v debug módu bude tlačítko vidět, jinak ne -->
+	<button v-on:click="debugShow = !debugShow" class="nodebug">Ladící data</button> <!-- bude tu nějaký if na class="nodebug", v debug módu bude tlačítko vidět, jinak ne -->
 	<div v-if="debugShow">
 		<pre>{{ item.node.polymorphic_ctype.model }}</pre>
 		<pre>{{ item }}</pre>
 	</div>
 
 	<div v-if="item.children.length === 0">
-	<div v-if="item.appendable_children.length > 0">
+		<div v-if="item.appendable_children.length > 0"  class="mam-org-only">
 			<b>Vložit jako syna: </b>
 			<addnewnode :types="item.appendable_siblings" :refnode="item.node" where="syn" /> 
 		</div>
 	</div>
-	<div class="children-org"> <!--bude tu nějaký if na class="children" -->
+
+	<div v-else class="children-org"> <!-- bude tu nějaký if na class="children" -->
 		<div v-if="item.children.length > 0 && item.children[0].appendable_siblings.length > 0" class="mam-org-only">
 			<b>Vložit před: </b>
 			<addnewnode :types="item.children[0].appendable_siblings" :refnode="item.children[0].node" where="pred" /> 
@@ -28,7 +30,7 @@
 			<div v-for="(chld, index) in item.children" v-bind:key="chld.nazev" >
 				<TreeNode :item="chld">
 				</TreeNode>
-				<div v-if="chld.appendable_siblings.length > 0" class="mam-org-only"  id="org-only-treenode" >
+				<div v-if="chld.appendable_siblings.length > 0" class="mam-org-only" >
 					<b v-if="index < (item.children.length - 1)">Vložit mezi: </b>
 					<b v-else>Vložit za: </b>
 					<addnewnode :types="chld.appendable_siblings" :refnode="chld.node" where="za" /> 
@@ -83,9 +85,9 @@ export default {
 */
 
 .children-org {
-  padding: 5px;
+  padding: 10px;
   margin: 5px;
-  border: #6a0043 2px solid;
+  border: #6a0043 2px dashed;
 }
 
 .mam-org-only {