diff --git a/images/stars/star-full.svg b/images/stars/star-full.svg new file mode 100644 index 0000000..98e1b1f --- /dev/null +++ b/images/stars/star-full.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/stars/star-half.svg b/images/stars/star-half.svg new file mode 100644 index 0000000..8dfee69 --- /dev/null +++ b/images/stars/star-half.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/images/stars/star.svg b/images/stars/star.svg new file mode 100644 index 0000000..d0865bd --- /dev/null +++ b/images/stars/star.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles/standard-assets/card.css b/styles/standard-assets/card.css index 3c1386c..9445ab6 100644 --- a/styles/standard-assets/card.css +++ b/styles/standard-assets/card.css @@ -34,7 +34,7 @@ } .standard-card-top-right-button { - height: 60.5px; + height: 62px; width: 100%; } @@ -52,18 +52,20 @@ margin-right: 6px; height: 23px; width: 23px; - background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='transparent' stroke='white' stroke-width='38' d='M259.216 29.942L330.27 173.92l158.89 23.087L374.185 309.08l27.145 158.23-142.114-74.698-142.112 74.698 27.146-158.23L29.274 197.007l158.89-23.088z' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + background: url("../../images/stars/star.svg"); font-size: 0; } -.star-full { - background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' stroke='white' stroke-width='38' d='M259.216 29.942L330.27 173.92l158.89 23.087L374.185 309.08l27.145 158.23-142.114-74.698-142.112 74.698 27.146-158.23L29.274 197.007l158.89-23.088z' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); +.star-half { + background-image: url("../../images/stars/star-half.svg"); } -.star-half { - background-image: url('data:image/svg+xml,'); +.star-full { + background: url("../../images/stars/star-full.svg"); } + + .standart-card-stars-text { margin-bottom: -10px; margin-top: 10px; diff --git a/styles/standard-assets/popup.css b/styles/standard-assets/popup.css index 487247b..4a3acba 100644 --- a/styles/standard-assets/popup.css +++ b/styles/standard-assets/popup.css @@ -106,6 +106,7 @@ } .standard-popup-content.about button { + margin-bottom: 50px; font-size: 30px; transform: translateY(200px); }