@uxland-admin/ip-professional-header - npm Package Compare versions

Comparing version 1.0.11 to 1.0.12

components/ip-professional-header/ip-professional-header-styles.js

 import { html } from '@polymer/lit-element';
-export default html `<custom-style><style>#app-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1;height:100vh}p{margin:0}#professional-information{padding-left:16px;padding-top:32px}#professional-name{color:#fff}#medical-speciality{font-size:.9286rem;font-weight:300;color:#7e9197}iron-icon{font-size:2rem;color:#00B0FF;border:1px solid #00B0FF;border-radius:50%;padding:8px;margin-bottom:12px}
+export default html `<custom-style><style>#app-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1;height:100vh}:host{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}*[hidden]{display:none !important}p{margin:0}#professional-information{-ms-flex:1;-webkit-flex:1;flex:1;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}#professional-name{color:#fff}#medical-speciality{font-size:.9286rem;font-weight:300;color:#7e9197}iron-icon{font-size:2rem;color:#00B0FF;border:1px solid #00B0FF;border-radius:50%;padding:8px;margin-bottom:12px}
 </style></custom-style>`;

components/ip-professional-header/ip-professional-header-template.js

@@ -7,6 +7,6 @@ import { html } from '@polymer/lit-element/lit-element';
         <iron-icon icon="ip-ph-icons:person-outline"></iron-icon>
-        <p id="professional-name">${props.professionaltData.job} ${props.professionaltData.name} ${props.professionaltData.surname}</p>
-        <p id="medical-speciality">${props.professionaltData.medicalSpeciality}</p>
+        <div id="professional-name">${props.professionaltData.job} ${props.professionaltData.name} ${props.professionaltData.surname}</div>
+        <div id="medical-speciality" ?hidden="${!props.professionaltData.medicalSpeciality}">${props.professionaltData.medicalSpeciality}</div>
     </div>` : html ``}
 `;
 export const template = innerTemplate;

package.json

 {
   "name": "@uxland-admin/ip-professional-header",
   "description": "ICS Process - Professional Header",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "main": "index.js",
@@ -6,0 +6,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

14835

increased by3.72%

Lines of code

211

increased by0.96%

No dependency changes