Skip to content

Commit

Permalink
more fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@ciorici
ciorici committed Jan 17, 2025
1 parent 8f77d2f commit fd0c26d
Show file tree
Hide file tree
Showing 4 changed files with 55 additions and 48 deletions.
2 changes: 1 addition & 1 deletion assets/css/minified/welcome-notice.min.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

48 changes: 25 additions & 23 deletions assets/css/unminified/welcome-notice.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
border-left-width: 1px;
border-radius: 7px;
overflow: hidden;
padding: 36px 0 0 35px;
padding: 25px 25px 5px;
}
.wpz-welcome-notice a,
.wpz-review-notice a {
Expand All @@ -20,43 +20,39 @@
.wpz-welcome-notice .wpz-notice-heading,
.wpz-review-notice .wpz-notice-heading {
display: block;
margin-bottom: 20px;
margin-bottom: 10px;
}
.wpz-welcome-notice .wpz-notice-heading p,
.wpz-review-notice .wpz-notice-heading p {
font-size: 16px;
font-weight: 400;
color: #242628;
font-size: 14px;
opacity: 0.7;
}
.wpz-welcome-notice .wpz-notice-content,
.wpz-review-notice .wpz-notice-content {
display: flex;
width: 65%;
max-width: 1050px;
}
.wpz-welcome-notice .wpz-notice-content note,
.wpz-review-notice .wpz-notice-content note {
font-size: 14px;
color: #242628;
line-height: 24px;
opacity: 0.5;
margin-bottom: 15px;
display: block;
}
.wpz-welcome-notice .wpz-notice-image,
.wpz-review-notice .wpz-notice-image {
margin: 0 5px 0 0;
max-width: 250px;
margin: 0 5px 0 -15px;
max-width: 180px;
display: flex;
align-items: flex-end;
align-items: flex-start;
}
.wpz-welcome-notice .wpz-notice-image img,
.wpz-review-notice .wpz-notice-image img {
vertical-align: bottom;
vertical-align: top;
}
.wpz-welcome-notice .wpz-notice-text p,
.wpz-review-notice .wpz-notice-text p {
font-size: 16px;
color: #242628;
line-height: 26px;
font-size: 14px;
}
.wpz-welcome-notice .wpz-notice-text p a,
.wpz-review-notice .wpz-notice-text p a {
Expand All @@ -70,14 +66,14 @@
.wpz-review-notice h3 {
margin-top: 0px;
margin-bottom: 10px;
font-size: 24px;
font-size: 20px;
}
.wpz-welcome-notice .button,
.wpz-review-notice .button {
display: inline-flex;
align-items: center;
font-weight: 600;
font-size: 16px;
font-size: 14px;
color: #fff;
background-color: var(--inspiro-primary-color) !important;
padding: 3px 13px;
Expand All @@ -90,7 +86,7 @@
.wpz-review-notice .button:hover,
.wpz-review-notice .button:active {
color: #fff;
background-color: #67b0ff;
background-color: #67b0ff !important;
}
.wpz-welcome-notice .button.button-secondary,
.wpz-review-notice .button.button-secondary {
Expand All @@ -100,7 +96,7 @@
.wpz-welcome-notice .button.button-secondary:hover, .wpz-welcome-notice .button.button-secondary:active,
.wpz-review-notice .button.button-secondary:hover,
.wpz-review-notice .button.button-secondary:active {
background-color: rgba(var(--inspiro-primary-color), 0.1);
background-color: rgba(47, 141, 242, 0.1) !important;
}
.wpz-welcome-notice .wpz-welcome-notice-button,
.wpz-review-notice .wpz-welcome-notice-button {
Expand All @@ -114,12 +110,12 @@
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
border-left-width: 1px;
border-left-width: 1px !important;
overflow: hidden;
border-radius: 10px;
display: flex;
justify-content: flex-start;
padding: 5px 25px 0 15px;
padding: 20px 25px 5px 25px !important;
}
.wpz-review-notice .wpz-notice-text p a {
color: var(--inspiro-primary-color);
Expand All @@ -128,7 +124,7 @@
text-decoration: none;
}
.wpz-review-notice h3 {
margin-top: 25px;
margin-top: 10px;
margin-bottom: 10px;
}
.wpz-review-notice .wpz-welcome-notice-button {
Expand All @@ -139,7 +135,7 @@
.wpz-review-notice .wpz-welcome-notice-button .dashicons {
margin-right: 3px;
margin-top: 3px;
font-size: 16px;
font-size: 14px;
}

.wpz-welcome-notice-hide {
Expand All @@ -152,4 +148,10 @@
background: #fff;
flex-direction: column;
}
}
@media screen and (max-width: 540px) {
.wpz-welcome-notice .wpz-notice-content,
.wpz-review-notice .wpz-notice-content {
display: block;
}
}
2 changes: 1 addition & 1 deletion inc/classes/class-inspiro-notice-review.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,7 @@ public function review_notice_markup() {
<a class="inspiro-message-close notice-dismiss" href="<?php echo esc_url( $dismiss_url ); ?>"></a>

<div class="wpz-notice-image">
<img class="inspiro-screenshot" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/admin/inspiro-top.png" width="233" alt="<?php esc_attr_e( 'Inspiro', 'inspiro' ); ?>" />
<img class="inspiro-screenshot" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/admin/inspiro-top.png" width="180" alt="<?php esc_attr_e( 'Inspiro', 'inspiro' ); ?>" />
</div>
<div class="wpz-notice-text">

Expand Down
51 changes: 28 additions & 23 deletions scss/admin/welcome-notice.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,53 +15,49 @@ $light-color: #fff;
border-left-width: 1px;
border-radius: 7px;
overflow: hidden;
padding: 36px 0 0 35px;
padding: 25px 25px 5px;

a {
font-weight: 600;
}

.wpz-notice-heading {
display:block;
margin-bottom:20px;
margin-bottom: 10px;

p {
font-size:16px;
font-weight: 400;
color:#242628;
font-size: 14px;
opacity: 0.7;
}
}

.wpz-notice-content {
display: flex;
width: 65%;
max-width: 1050px;

note {
font-size: 14px;
color: #242628;
line-height: 24px;
opacity: 0.5;
margin-bottom: 15px;
display: block;
}
}

.wpz-notice-image {
margin: 0 5px 0 0;
max-width: 250px;
margin: 0 5px 0 -15px;
max-width: 180px;
display: flex;
align-items: flex-end;
align-items: flex-start;

img {
vertical-align: bottom;
vertical-align: top;
}
}

.wpz-notice-text {

p {
font-size: 16px;
color: #242628;
line-height: 26px;
font-size: 14px;
a {
color: var(--inspiro-primary-color);

Expand All @@ -77,14 +73,14 @@ $light-color: #fff;
h3 {
margin-top: 0px;
margin-bottom: 10px;
font-size: 24px;
font-size: 20px;
}

.button {
display: inline-flex;
align-items: center;
font-weight: 600;
font-size:16px;
font-size: 14px;
color: $light-color;
background-color: var(--inspiro-primary-color) !important;
padding: 3px 13px;
Expand All @@ -96,7 +92,7 @@ $light-color: #fff;
&:hover,
&:active {
color: $light-color;
background-color: $secondary-color;
background-color: $secondary-color !important;
}

&.button-secondary {
Expand All @@ -105,7 +101,7 @@ $light-color: #fff;

&:hover,
&:active {
background-color: rgba(var(--inspiro-primary-color), 0.1);
background-color: rgba(47, 141, 242, .1) !important;
}
}
}
Expand All @@ -123,12 +119,12 @@ $light-color: #fff;
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
border-left-width: 1px;
border-left-width: 1px !important;
overflow: hidden;
border-radius: 10px;
display: flex;
justify-content: flex-start;
padding: 5px 25px 0 15px;
padding: 20px 25px 5px 25px !important;

.wpz-notice-text {

Expand All @@ -146,7 +142,7 @@ $light-color: #fff;
}

h3 {
margin-top: 25px;
margin-top: 10px;
margin-bottom: 10px;
}

Expand All @@ -160,7 +156,7 @@ $light-color: #fff;
.wpz-review-notice .wpz-welcome-notice-button .dashicons {
margin-right: 3px;
margin-top: 3px;
font-size: 16px;
font-size: 14px;
}

.wpz-welcome-notice-hide {
Expand All @@ -174,4 +170,13 @@ $light-color: #fff;
background: #fff;
flex-direction: column;
}
}



@media screen and (max-width: 540px) {
.wpz-welcome-notice .wpz-notice-content,
.wpz-review-notice .wpz-notice-content {
display: block;
}
}

0 comments on commit fd0c26d

Please sign in to comment.