Skip to content

Commit

Permalink
final changes
Browse files Browse the repository at this point in the history
  • Loading branch information
Rohit Sahu committed Jun 28, 2024
1 parent a48cba2 commit b0d355d
Show file tree
Hide file tree
Showing 3 changed files with 170 additions and 108 deletions.
43 changes: 27 additions & 16 deletions web-components/src/global.css.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -239,30 +239,41 @@ merch-card [slot='heading-xl'] {
}
merch-card [slot='callout-text'] {
display: inline-block;
margin: 4px 0px;
}
.callout-content-wrapper {
position: relative;
display: inline-block;
background: var(--consonant-merch-card-callout-background-color) 0% 0% no-repeat padding-box;
border-radius: 4px;
margin: 5px 2px;
padding: 0px 5px;
display: inline-flex;
opacity: 0.5;
padding: 4px 34px 4px 8px;
background: #CBCBCB 0% 0% no-repeat padding-box;
border-radius: 4px;
opacity: 0.5;
}
merch-card [slot='callout-text'] img {
margin: 1.5px 0px 0px 5px;
align-self: flex-start;
.callout-content {
display: inline;
text-align: left;
font: normal normal normal 14px/21px Adobe Clean;
letter-spacing: 0px;
color: #2C2C2C;
opacity: 1;
}
merch-card[variant="mini-compare-chart"] [slot='callout-text'] {
padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s);
}
merch-card[variant="mini-compare-chart"] [slot='callout-text'] p {
background: var(--consonant-merch-card-callout-background-color) 0% 0% no-repeat padding-box;
border-radius: 4px;
display: inline-flex;
merch-card [slot='callout-text'] img {
position: absolute;
top: 6px;
right: 8px;
width: 16px;
height: 16px;
}
merch-card [variant="mini-compare-chart"] [slot='callout-text'] img {
margin: 1.5px 0px 0px 5px;
align-self: flex-start;
merch-card[variant="mini-compare-chart"] [slot='callout-text'] {
padding: 0px var(--consonant-merch-spacing-s);
}
merch-card [slot='detail-m'] {
Expand Down
40 changes: 24 additions & 16 deletions web-components/test/merch-card.mini-compare.test.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -425,14 +425,18 @@ <h3 id="creative-cloud-all-apps" slot="heading-m">Creative Cloud All Apps
<h4 id="this-is-promo-text-with-a-link" slot="detail-m">This is promo text <a href="https://adobe.com/"
target="_blank">with a link</a></h4>
<div slot="callout-text">
<p>AI Assistant add-on available <img src="./img/info-icon.svg"/></p>
<p>
<span>
For a limited time pay <span is="inline-price" data-display-per-unit="false"
data-display-recurrence="true" data-display-tax="false" data-wcs-osi="puf"></span> when you add AI assistant to Acrobat Reader, Standard, or Pro. Ends 6/4.
</span
><img src="./img/info-icon.svg"/>
</p>
<div class="callout-content-wrapper">
<div class="callout-content">AI Assistant add-on available </div>
<img src="./img/info-icon.svg" title="this is a dummy tooltip text" class="callout-icon"/>
</div>
</div>
<div slot="callout-text">
<div class="callout-content-wrapper">
<div class="callout-content">
For a limited time pay
<span is="inline-price" data-display-old-price="true" data-display-per-unit="false" data-quantity="1" data-template="price" data-wcs-osi="Mutn1LYoGojkrcMdCLO7LQlx1FyTHw27ETsfLv0h8DQ" class="placeholder-failed"></span> when you add AI assistant to Acrobat Reader, Standard, or Pro. Ends 6/4.<a href="https://www.adobe.com/creativecloud/all-apps.html" daa-ll="Learn More-1--H4 Subtext H5 Promo Text" target="_blank">Learn More</a> </div>
<img src="./img/info-icon.svg" title="this is a dummy tooltip text" class="callout-icon"/>
</div>
</div>
<h5 id="price---abm---creative-cloud-all-apps-with-4tb" slot="heading-m-price"><span is="inline-price"
data-display-old-price="true" data-display-per-unit="false" data-display-recurrence="true"
Expand Down Expand Up @@ -499,14 +503,18 @@ <h3 id="creative-cloud-all-apps" slot="heading-m">Creative Cloud All Apps
<h4 id="this-is-promo-text-with-a-link" slot="detail-m">This is promo text <a href="https://adobe.com/"
target="_blank">with a link</a></h4>
<div slot="callout-text">
<p>AI Assistant add-on available <img src="./img/info-icon.svg"/></p>
<p>
<span>
For a limited time pay <span is="inline-price" data-display-per-unit="false"
data-display-recurrence="true" data-display-tax="false" data-wcs-osi="puf"></span> when you add AI assistant to Acrobat Reader, Standard, or Pro. Ends 6/4.
</span
><img src="./img/info-icon.svg"/>
</p>
<div class="callout-content-wrapper">
<div class="callout-content">AI Assistant add-on available </div>
<img src="./img/info-icon.svg" title="this is a dummy tooltip text" class="callout-icon"/>
</div>
</div>
<div slot="callout-text">
<div class="callout-content-wrapper">
<div class="callout-content">
For a limited time pay
<span is="inline-price" data-display-old-price="true" data-display-per-unit="false" data-quantity="1" data-template="price" data-wcs-osi="Mutn1LYoGojkrcMdCLO7LQlx1FyTHw27ETsfLv0h8DQ" class="placeholder-failed"></span> when you add AI assistant to Acrobat Reader, Standard, or Pro. Ends 6/4.<a href="https://www.adobe.com/creativecloud/all-apps.html" daa-ll="Learn More-1--H4 Subtext H5 Promo Text" target="_blank">Learn More</a> </div>
<img src="./img/info-icon.svg" title="this is a dummy tooltip text" class="callout-icon"/>
</div>
</div>
<h5 id="price---abm---creative-cloud-all-apps-with-4tb" slot="heading-m-price"><span is="inline-price"
data-display-old-price="true" data-display-per-unit="false" data-display-recurrence="true"
Expand Down
Loading

0 comments on commit b0d355d

Please sign in to comment.