@ucd-lib/theme-elements 1.1.2 → 1.1.4

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 +8 -7
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.4",
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%;
@@ -54,9 +58,6 @@ export function render() {
54
58
  display: inline-grid;
55
59
  width:100%;
56
60
  }
57
- article {
58
- margin-bottom: 50px;
59
- }
60
61
 
61
62
  .photo {
62
63
  position: relative;
@@ -98,7 +99,8 @@ export function render() {
98
99
  }
99
100
  .contact-list{
100
101
  display:inline-block;
101
- margin-top:5px;
102
+ margin-top:0;
103
+ margin-bottom:0;
102
104
  }
103
105
  .pipe {
104
106
  font-size:30px;
@@ -121,7 +123,6 @@ export function render() {
121
123
 
122
124
  .contact-list {
123
125
  display:block;
124
- margin-bottom:5px;
125
126
  }
126
127
 
127
128
  .contact-list .pipe {
@@ -166,7 +167,7 @@ ${this.eController ? html`
166
167
  <div class="${this.sidebar ? 'side-bar':'container'}">
167
168
  <div class="photo"><img src="${this.photo.link}" alt="${this.photoAlt}"></div>
168
169
  <div class="text_container">
169
- <h3 class="name"><a class="name" href="${this.link}">${this.nameFirst} ${this.nameLast}</a></h3>
170
+ <h4 class="name"><a class="name" href="${this.link}">${this.nameFirst} ${this.nameLast}</a></h4>
170
171
  <p class="title">${this.positionTitle} <span class="pipe">&#124;</span> ${this.department}</p>
171
172
  <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
173
  <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 +178,7 @@ ${this.eController ? html`
177
178
  :html`
178
179
  <div class="container-no-image">
179
180
  <div class="text_container">
180
- <h3 class="name"><a class="name" href="${this.link}">${this.nameFirst} ${this.nameLast}</a></h3>
181
+ <h4 class="name"><a class="name" href="${this.link}">${this.nameFirst} ${this.nameLast}</a></h4>
181
182
  <p class="title">${this.positionTitle} <span class="pipe">&#124;</span> ${this.department}</p>
182
183
  <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
184
  <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>