IAM21 instance, do not create collab nor modify a team, your changes will be lost


Changes for page CLB Search Component

Last modified by bougault on 2023/01/17 11:42
From version 7.29
edited by bougault
on 2023/01/13 14:52
Change comment: There is no comment for this version
To version 7.34
edited by bougault
on 2023/01/17 09:49
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -66,8 +66,23 @@
66 66   get styles() {
67 67   return `
68 68   input[type="text"] {
69 - border: 1px solid red;
69 + display: block;
70 + width: 100%;
71 + padding: 6px 12px;
72 + font-size: 16px;
73 + line-height: 1.428571429;
74 + color: #555555;
75 + background-color: #fff;
76 + background-image: none;
77 + border: 1px solid #ccc;
78 + border-radius: 4px;
79 + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
80 + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
81 + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
82 + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
83 + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
70 70   }
85 +
71 71   `
72 72   }
73 73   handlePrevPage = () => {
... ... @@ -112,7 +112,7 @@
112 112   const { title_, spaces, doccontent_en } = results[i];
113 113   const elt = document.createElement('clb-search-result');
114 114   elt.setAttribute('data-title', title_);
115 - elt.setAttribute('data-breadcrumbs', spaces);
130 + elt.setAttribute('data-href', spaces.join('/'));
116 116   elt.innerHTML = doccontent_en;
117 117   resultsContainer.appendChild(elt);
118 118   }
... ... @@ -134,8 +134,8 @@
134 134   return this.getAttribute('data-title');
135 135   }
136 136  
137 - get breadcrumbsAttr() {
138 - return this.getAttribute('data-breadcrumbs');
152 + get hrefAttr() {
153 + return this.getAttribute('data-href');
139 139   }
140 140  
141 141   get styles() {
... ... @@ -148,7 +148,7 @@
148 148   get html() {
149 149   return `
150 150   <div>
151 - <a href="/bin/view/${this.breadcrumbsAttr.join("/")}>${this.titleAttr}</a>
166 + <a href="/bin/view/${this.hrefAttr}">${this.titleAttr}</a>
152 152   <div>
153 153   <slot></slot>
154 154   </div>
... ... @@ -159,6 +159,7 @@
159 159   this.attachShadow({ mode: 'open' });
160 160   this.shadowRoot.appendChild(this.template.content.cloneNode(true));
161 161   }
177 +
162 162   }
163 163  );
164 164  </script>