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

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

@ -28,7 +28,7 @@ const CodeEditor: React.ElementType = (props: Props) => {
return ( return (
<CodeMirror <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} value={props.value}
options={{ options={{
mode: { mode: {

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

@ -12,5 +12,4 @@
.icon { .icon {
height: 12px; height: 12px;
width: 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="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} {repo.icon}
</div> </div>
<div className="ml-1">{props.isPlural ? repo.plural : repo.singular}</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 <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon undefined" class="icon undefined"
> >
<img <img
alt="Icon" alt="Icon"
@ -554,7 +554,7 @@ exports[`PackageCard creates snapshot 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon undefined" class="icon undefined"
> >
<img <img
alt="Icon" 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 <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon undefined" class="icon undefined"
> >
<img <img
alt="Icon" alt="Icon"
@ -540,7 +540,7 @@ exports[`PackageInfo creates snapshot 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon undefined" class="icon undefined"
> >
<img <img
alt="Icon" 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 <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon undefined" class="icon undefined"
> >
<img <img
alt="Icon" 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 <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon undefined" class="icon undefined"
> >
<img <img
alt="Icon" 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 <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon undefined" class="icon undefined"
> >
<img <img
alt="Icon" alt="Icon"
@ -554,7 +554,7 @@ exports[`PackageCard renders correctly 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon undefined" class="icon undefined"
> >
<img <img
alt="Icon" 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 <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon undefined" class="icon undefined"
> >
<img <img
alt="Icon" 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 <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon undefined" class="icon undefined"
> >
<img <img
alt="Icon" alt="Icon"
@ -99,7 +99,7 @@ exports[`RecommendedPackages creates snapshot 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon undefined" class="icon undefined"
> >
<img <img
alt="Icon" 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 <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon badgeIcon" class="icon badgeIcon"
> >
<img <img
alt="Icon" 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 <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon badgeIcon" class="icon badgeIcon"
> >
<img <img
alt="Icon" alt="Icon"
@ -184,7 +184,7 @@ exports[`RelatedPackages renders correctly 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon badgeIcon" class="icon badgeIcon"
> >
<img <img
alt="Icon" alt="Icon"
@ -290,7 +290,7 @@ exports[`RelatedPackages renders correctly 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon badgeIcon" class="icon badgeIcon"
> >
<img <img
alt="Icon" alt="Icon"
@ -396,7 +396,7 @@ exports[`RelatedPackages renders correctly 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon badgeIcon" class="icon badgeIcon"
> >
<img <img
alt="Icon" alt="Icon"
@ -502,7 +502,7 @@ exports[`RelatedPackages renders correctly 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon badgeIcon" class="icon badgeIcon"
> >
<img <img
alt="Icon" alt="Icon"
@ -608,7 +608,7 @@ exports[`RelatedPackages renders correctly 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon badgeIcon" class="icon badgeIcon"
> >
<img <img
alt="Icon" alt="Icon"
@ -713,7 +713,7 @@ exports[`RelatedPackages renders correctly 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
class="position-relative icon badgeIcon" class="icon badgeIcon"
> >
<img <img
alt="Icon" alt="Icon"