artifacthub
/
hub
mirror of https://github.com/artifacthub/hub.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix some UI styles (#1651) 

Signed-off-by: Cintia Sanchez Garcia <cynthiasg@icloud.com>
This commit is contained in:
Cynthia Sánchez García 2021-10-25 13:50:03 +02:00 committed by GitHub
parent ed9e48d9dd
commit ea3b23570b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
13 changed files with 27 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/layout/common/CodeEditor.module.css
View File

@ -7,13 +7,10 @@
opacity: 0.75;
}
.disabled > div::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--color-black-15);
z-index: 1;
:global(.cm-s-material-darker.CodeMirror) {
background-color: var(--extra-light-gray);
}
.disabled :global(.cm-s-material-darker.CodeMirror) {
background-color: var(--light-gray);
}

2
web/src/layout/common/CodeEditor.tsx
View File

@ -28,7 +28,7 @@ const CodeEditor: React.ElementType = (props: Props) => {
return (
<CodeMirror
className={classnames('border position-relative', styles.code, { [styles.disabled]: isDisabled })}
className={classnames('border position-relative h-100', styles.code, { [styles.disabled]: isDisabled })}
value={props.value}
options={{
mode: {

1
web/src/layout/common/RepositoryIconLabel.module.css
View File

@ -12,5 +12,4 @@
.icon {
height: 12px;
width: 12px;
top: -1px;
}

2
web/src/layout/common/RepositoryIconLabel.tsx
View File

@ -35,7 +35,7 @@ const RepositoryIconLabel = (props: Props) => {
)}
>
<div className="d-flex flex-row align-items-center">
<div className={`position-relative ${styles.icon} ${props.iconClassName}`} aria-hidden="true">
<div className={`${styles.icon} ${props.iconClassName}`} aria-hidden="true">
{repo.icon}
</div>
<div className="ml-1">{props.isPlural ? repo.plural : repo.singular}</div>

4
web/src/layout/common/__snapshots__/PackageCard.test.tsx.snap generated
View File

@ -481,7 +481,7 @@ exports[`PackageCard creates snapshot 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon undefined"
class="icon undefined"
>
<img
alt="Icon"
@ -554,7 +554,7 @@ exports[`PackageCard creates snapshot 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon undefined"
class="icon undefined"
>
<img
alt="Icon"

4
web/src/layout/common/__snapshots__/PackageInfo.test.tsx.snap generated
View File

@ -467,7 +467,7 @@ exports[`PackageInfo creates snapshot 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon undefined"
class="icon undefined"
>
<img
alt="Icon"
@ -540,7 +540,7 @@ exports[`PackageInfo creates snapshot 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon undefined"
class="icon undefined"
>
<img
alt="Icon"

2
web/src/layout/common/__snapshots__/RepositoryIconLabel.test.tsx.snap generated
View File

@ -10,7 +10,7 @@ exports[`RepositoryIconLabel creates snapshot 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon undefined"
class="icon undefined"
>
<img
alt="Icon"

2
web/src/layout/controlPanel/repositories/__snapshots__/Card.test.tsx.snap generated
View File

@ -31,7 +31,7 @@ exports[`Repository Card - packages section creates snapshot 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon undefined"
class="icon undefined"
>
<img
alt="Icon"

4
web/src/layout/home/__snapshots__/PackageCard.test.tsx.snap generated
View File

@ -481,7 +481,7 @@ exports[`PackageCard renders correctly 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon undefined"
class="icon undefined"
>
<img
alt="Icon"
@ -554,7 +554,7 @@ exports[`PackageCard renders correctly 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon undefined"
class="icon undefined"
>
<img
alt="Icon"

2
web/src/layout/package/RecommendedPackages/__snapshots__/Card.test.tsx.snap generated
View File

@ -21,7 +21,7 @@ exports[`RecommendedPackageCard creates snapshot 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon undefined"
class="icon undefined"
>
<img
alt="Icon"

4
web/src/layout/package/RecommendedPackages/__snapshots__/index.test.tsx.snap generated
View File

@ -39,7 +39,7 @@ exports[`RecommendedPackages creates snapshot 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon undefined"
class="icon undefined"
>
<img
alt="Icon"
@ -99,7 +99,7 @@ exports[`RecommendedPackages creates snapshot 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon undefined"
class="icon undefined"
>
<img
alt="Icon"

2
web/src/layout/package/__snapshots__/RelatedPackageCard.test.tsx.snap generated
View File

@ -51,7 +51,7 @@ exports[`RelatedPackageCard creates snapshot 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon badgeIcon"
class="icon badgeIcon"
>
<img
alt="Icon"

14
web/src/layout/package/__snapshots__/RelatedPackages.test.tsx.snap generated
View File

@ -79,7 +79,7 @@ exports[`RelatedPackages renders correctly 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon badgeIcon"
class="icon badgeIcon"
>
<img
alt="Icon"
@ -184,7 +184,7 @@ exports[`RelatedPackages renders correctly 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon badgeIcon"
class="icon badgeIcon"
>
<img
alt="Icon"
@ -290,7 +290,7 @@ exports[`RelatedPackages renders correctly 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon badgeIcon"
class="icon badgeIcon"
>
<img
alt="Icon"
@ -396,7 +396,7 @@ exports[`RelatedPackages renders correctly 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon badgeIcon"
class="icon badgeIcon"
>
<img
alt="Icon"
@ -502,7 +502,7 @@ exports[`RelatedPackages renders correctly 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon badgeIcon"
class="icon badgeIcon"
>
<img
alt="Icon"
@ -608,7 +608,7 @@ exports[`RelatedPackages renders correctly 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon badgeIcon"
class="icon badgeIcon"
>
<img
alt="Icon"
@ -713,7 +713,7 @@ exports[`RelatedPackages renders correctly 1`] = `
>
<div
aria-hidden="true"
class="position-relative icon badgeIcon"
class="icon badgeIcon"
>
<img
alt="Icon"