Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug 45358 visualizzazione elementi cartella modulistica #366

Merged
merged 2 commits into from
Oct 13, 2023
Merged

bug 45358 visualizzazione elementi cartella modulistica #366

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6fe7ecd
fix: fix a bunch of styling and visual issues in CartellaModulisticaV…
deodorhunter Oct 13, 2023
57b10fa
Merge branch 'develop' into bug_45358_view_cartella_modulistica
pnicolli Oct 13, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions RELEASE.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,7 @@
- ...
-->


## Versione X.X.X (dd/mm/yyyy)

### Migliorie
Expand All @@ -53,6 +54,7 @@
- Non mostrare la fascia colorata del footer di un sottosito quando questo non è compilato
- Risolto un bug nel componente Object Browser che permetteva di selezionare più elementi di quelli consentiti
- Alcune icone mancanti nel widget icone fontawesome sono state rese nuovamente visibili
- Sistemate inconsistenze nella visualizzazione di alcuni tipi di elementi della lista degli allegati in Cartella Modulistica

## Versione 8.7.8 (12/10/2023)

Expand Down
6 changes: 5 additions & 1 deletion src/components/ItaliaTheme/View/CartellaModulisticaView/DocRow.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,11 @@ const DocRow = ({ doc }) => {

{/*Single file*/}
{doc.items?.length === 1 && (
<div className="doc">
<div
className={cx('doc', {
'link-to-doc': doc.items[0]?.['@type'] === 'Link',
})}
>
{titleWrapper}
{doc.items?.length === 1 && (
<Downloads item={doc.items[0]} titleDoc={doc.title} />
Expand Down
52 changes: 41 additions & 11 deletions src/theme/ItaliaTheme/Views/_cartellaModulistica.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,13 +46,10 @@ $docs-section-margin: 3em;
align-items: center;
justify-content: space-between;
padding: 0.4em 0;

gap: 4rem;
.title-wrap {
flex: 1;

&.single-row {
max-width: 70%;
}
.title {
font-size: 1.2em;
font-weight: 500;
Expand Down Expand Up @@ -88,13 +85,25 @@ $docs-section-margin: 3em;

a.modulistica-link {
display: flex;
width: 100%;
position: relative;
align-items: center;
justify-content: space-between;

svg {
width: 2em;
font-size: 1.2em;
height: fit-content;
flex-shrink: 0;

svg.icon.fa-icon {
width: 1.6rem;
height: 1.6rem;
font-size: 1.3rem;
order: 2;
margin-right: 1.15rem;
margin-left: 0.25rem;
}
svg.external-link {
order: 1;
right: 0;
top: -2px;
position: absolute;
}
}
}
Expand Down Expand Up @@ -169,16 +178,37 @@ $docs-section-margin: 3em;
.doc-row {
.doc {
flex-wrap: wrap;
align-items: unset;
align-items: center;
justify-content: unset;
gap: 2rem;
&.link-to-doc {
align-items: unset;
gap: 0.5rem;
.title-wrap,
a.modulistica-link {
flex-basis: 100%;
svg.icon.fa-icon {
margin-left: 0;
margin-right: 1.25rem;
}
}
}
.title-wrap {
&.single-row {
max-width: none;
}
}

&.modulo {
justify-content: space-between;
.title,
.downloads {
flex-basis: unset;
}
}
.title,
.downloads {
flex: 1 1 100%;
flex: 1 1 unset;
justify-content: flex-end;

a {
Expand Down