woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-08-31 06:52:50 +08:00
Code Issues Projects Packages Wiki Activity Actions

💄 Fix some minor CSS issues

Browse source
This commit is contained in:
Philipp Stracker 2025-01-16 14:53:58 +01:00
parent 11e6624dfc
commit 560f6ed30d
No known key found for this signature in database
2 changed files with 19 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

11
modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss
View file

@ -4,7 +4,7 @@
.ppcp-r-settings-block { .ppcp-r-settings-block {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--block-item-gap, 16px) 0; gap: var(--block-item-gap, 16px);
&.ppcp-r-settings-block__input, &.ppcp-r-settings-block__input,
&.ppcp-r-settings-block__select { &.ppcp-r-settings-block__select {
@ -97,6 +97,15 @@
margin-left: 5px; margin-left: 5px;
} }
.ppcp-r-settings-block__action {
display: flex;
align-items: center;
.components-flex {
row-gap: 0;
}
}
+ .ppcp-r-settings-block:not(.no-gap) { + .ppcp-r-settings-block:not(.no-gap) {
margin-top: var(--block-separator-gap, 32px); margin-top: var(--block-separator-gap, 32px);
padding-top: var(--block-separator-gap, 32px); padding-top: var(--block-separator-gap, 32px);

22
modules/ppcp-settings/resources/css/components/screens/_settings.scss
View file

@ -22,6 +22,7 @@
&:hover { &:hover {
cursor: pointer; cursor: pointer;
.ppcp-r-todo-item__inner { .ppcp-r-todo-item__inner {
.ppcp-r-todo-item__description { .ppcp-r-todo-item__description {
color: $color-text-text; color: $color-text-text;
@ -117,7 +118,7 @@
font-weight: 500; font-weight: 500;
} }
margin-top:24px; margin-top: 24px;
} }
} }
@ -137,10 +138,6 @@
} }
} }
&__show-all-data {
margin-left: 12px;
}
&__status-label { &__status-label {
@include font(11, 22, 600); @include font(11, 22, 600);
color: $color-gray-900; color: $color-gray-900;
@ -151,12 +148,16 @@
&__status-value { &__status-value {
@include font(13, 26, 400); @include font(13, 26, 400);
color: $color-text-tertiary; color: $color-text-tertiary;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
&__data { &__data {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 12px; gap: 12px;
width: 100%;
} }
&__status-toggle--toggled { &__status-toggle--toggled {
@ -168,9 +169,7 @@
&__status-row { &__status-row {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
* {
user-select: none;
}
strong { strong {
@include font(14, 24, 600); @include font(14, 24, 600);
color: $color-gray-800; color: $color-gray-800;
@ -181,11 +180,6 @@
.ppcp-r-connection-status__status-toggle { .ppcp-r-connection-status__status-toggle {
line-height: 0; line-height: 0;
} }
&--first {
&:hover {
cursor: pointer;
}
}
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
@ -195,9 +189,11 @@
} }
&__status-row { &__status-row {
flex-wrap: wrap; flex-wrap: wrap;
strong { strong {
width: 100%; width: 100%;
} }
span { span {
word-break: break-all; word-break: break-all;
} }