@ucd-lib/theme-elements 1.1.2 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/ucdlib/ucdlib-author-profile/ucdlib-author-profile.tpl.js +7 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ucd-lib/theme-elements",
3
- "version": "1.1.2",
3
+ "version": "1.1.3",
4
4
  "description": "Custom elements for the UCD brand theme",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/ucdlib/ucdlib-author-profile/ucdlib-author-profile.tpl.js CHANGED
@@ -45,6 +45,10 @@ export function render() {
45
45
  grid-template-columns: 15% 85%;
46
46
  width:100%;
47
47
  }
48
+
49
+ .side-bar .contact-list{
50
+ display: block;
51
+ }
48
52
  .container {
49
53
  display: inline-grid;
50
54
  grid-template-columns: 15% 85%;
@@ -98,7 +102,7 @@ export function render() {
98
102
  }
99
103
  .contact-list{
100
104
  display:inline-block;
101
- margin-top:5px;
105
+ margin: 5px 0;
102
106
  }
103
107
  .pipe {
104
108
  font-size:30px;
@@ -121,7 +125,6 @@ export function render() {
121
125
 
122
126
  .contact-list {
123
127
  display:block;
124
- margin-bottom:5px;
125
128
  }
126
129
 
127
130
  .contact-list .pipe {
@@ -166,7 +169,7 @@ ${this.eController ? html`
166
169
  <div class="${this.sidebar ? 'side-bar':'container'}">
167
170
  <div class="photo"><img src="${this.photo.link}" alt="${this.photoAlt}"></div>
168
171
  <div class="text_container">
169
- <h3 class="name"><a class="name" href="${this.link}">${this.nameFirst} ${this.nameLast}</a></h3>
172
+ <h4 class="name"><a class="name" href="${this.link}">${this.nameFirst} ${this.nameLast}</a></h4>
170
173
  <p class="title">${this.positionTitle} <span class="pipe">&#124;</span> ${this.department}</p>
171
174
  <p class="contact-list">${this.contactPhone ? html`${this.svgIcon.phone} <a class="info" href="tel:${this.contactPhone}">${this.contactPhone}</a> <span class="pipe">&#124;</span>`: html``}</p>
172
175
  <p class="contact-list">${this.contactEmail ? html`${this.svgIcon.email} <a class="info" href="mailto:${this.contactEmail}">${this.contactEmail}</a> ${this.contactAppointmentUrl ? html`<span class="pipe">&#124;</span>`:html`<span class="noApp-pipe">&#124;</span>`}`: html``}</p>
@@ -177,7 +180,7 @@ ${this.eController ? html`
177
180
  :html`
178
181
  <div class="container-no-image">
179
182
  <div class="text_container">
180
- <h3 class="name"><a class="name" href="${this.link}">${this.nameFirst} ${this.nameLast}</a></h3>
183
+ <h4 class="name"><a class="name" href="${this.link}">${this.nameFirst} ${this.nameLast}</a></h4>
181
184
  <p class="title">${this.positionTitle} <span class="pipe">&#124;</span> ${this.department}</p>
182
185
  <p class="contact-list">${this.contactPhone ? html`${this.svgIcon.phone} <a class="info" href="tel:${this.contactPhone}">${this.contactPhone}</a> <span class="pipe">&#124;</span> `: html``}</p>
183
186
  <p class="contact-list">${this.contactEmail ? html`${this.svgIcon.email} <a class="info" href="mailto:${this.contactEmail}">${this.contactEmail}</a> ${this.contactAppointmentUrl ? html`<span class="pipe">&#124;</span>`:html`<span class="noApp-pipe">&#124;</span>`}`: html``}</p>