Skip to content

Commit

Permalink
UHF-10343: Updating the liikunta_suunnistuskartta_avustus forms texts (…
Browse files Browse the repository at this point in the history 
…#1513)

* UHF-10343: Update liikunta_suunnistuskartta_avustus forms texts to new version

* UHF-10343: Fix issue with application search where the search button and the clear the search button have no spacing in between

* UHF-10343: Fix issue with unneccessary wrapper around the application search form styles
  • Loading branch information
@teroelonen
teroelonen authored Oct 22, 2024
1 parent 1ec924c commit 13f7cd1
Show file tree
Hide file tree
Showing 6 changed files with 129 additions and 129 deletions.
2 changes: 1 addition & 1 deletion conf/cmi/language/en/webform.webform.liikunta_suunnistuskartta_avustu.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ elements: |
<p>All the attachments listed below must be submitted for the processing of the grant application. The grant application may be rejected if the attachments are not submitted. If any of the attachments is missing, let us know in the Further clarification on attachments section of the application.
</p>
<h4>Required attachments</h4>
<p>For the processing of the grant application, the required attachments are the confirmed attachments approved and signed by the community at its meeting for the previous accounting period and for the operating year for which the grant is being applied for. The attachments concerning the previous accounting period are the financial statements, the annual report, the audit or performance audit report and the minutes of the annual meeting. The attachments for the year for which the grant is being applied for are the budget and action plan.</p>
<p>Invoices and receipts for the cost of producing orienteering maps must be submitted only upon request.</p>
<h4>Submission of several attachments as a single file</h4>
<p>If you wish, you can submit several attachments as a single file under Financial statements or Budget. In this case, under the other attachment headings, indicate &ldquo;The attachment has been submitted as a single file or with another application.&rdquo;</p>
<h4>Attachments previously submitted to the City of Helsinki</h4>
Expand Down
2 changes: 1 addition & 1 deletion conf/cmi/language/sv/webform.webform.liikunta_suunnistuskartta_avustu.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ elements: |
'#markup': |-
<p>Alla bilagor som anges nedan m&aring;ste l&auml;mnas in f&ouml;r behandling av ans&ouml;kan om underst&ouml;d. Ans&ouml;kan om underst&ouml;d kan avsl&aring;s om bilagorna inte har l&auml;mnats in. Om n&aring;gon av bilagorna saknas, meddela oss om det i punkten Ytterligare information om bilagor i ans&ouml;kan.</p>
<h4>Erforderliga bilagor</h4>
<p>F&ouml;r behandling av ans&ouml;kan om underst&ouml;d beh&ouml;vs styrkta bilagor fr&aring;n den f&ouml;reg&aring;ende r&auml;kenskapsperioden som samfundet har godk&auml;nt och undertecknat vid sitt m&ouml;te samt bilagor f&ouml;r det verksamhets&aring;r f&ouml;r vilket underst&ouml;det ans&ouml;ks. Bilagorna fr&aring;n den f&ouml;reg&aring;ende r&auml;kenskapsperioden &auml;r: bokslut, verksamhetsber&auml;ttelse, revisionsber&auml;ttelse och protokoll fr&aring;n &aring;rsst&auml;mman. Bilagorna f&ouml;r det &aring;r f&ouml;r vilket underst&ouml;det ans&ouml;ks &auml;r: budget och verksamhetsplan.</p>
<p>Fakturorna och kvittona över kostnaderna för framställning av orienteringskartor ska lämnas endast separat på begäran.</p>
<h4>Inl&auml;mning av flera bilagor i en fil</h4>
<p>Om du vill kan du l&auml;mna in flera bilagor i en fil i punkten Bokslut eller budget. Ange i detta fall vid andra bilagor att &rdquo;Bilagan har l&auml;mnats in som en fil eller i samband med en annan ans&ouml;kan&rdquo;.</p>
<h4>Bilagor som tidigare l&auml;mnats in till Helsingfors stad</h4>
Expand Down
4 changes: 2 additions & 2 deletions conf/cmi/webform.webform.liikunta_suunnistuskartta_avustu.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -266,7 +266,7 @@ elements: |-
'#markup': |-
<p>Avustushakemuksen käsittelyä varten tulee toimittaa kaikki alla luetellut liitteet. Avustushakemus voidaan hylätä, jos liitteitä ei ole toimitettu. Mikäli joku liitteistä puuttuu kerro siitä hakemuksen Lisäselvitys liitteistä -kohdassa.
</p><h4>Vaaditut liitteet</h4>
<p>Avustushakemuksen k&auml;sittely&auml; varten tarvitaan vahvistettuja, yhteis&ouml;n kokouksessaan hyv&auml;ksymi&auml; ja allekirjoittamia, liitteit&auml; edelliselt&auml; p&auml;&auml;ttyneelt&auml; tilikaudelta sek&auml; liitteit&auml; sille toimintavuodelle, jolle avustusta haetaan. Edellist&auml; tilikautta koskevat liitteet ovat: tilinp&auml;&auml;t&ouml;s, toimintakertomus ja tilin- tai toiminnantarkastuskertomus sek&auml; vuosikokouksen p&ouml;yt&auml;kirja. Liitteet vuodelle, jolle avustusta haetaan ovat: talousarvio ja toimintasuunnitelma.</p>
<p>Suunnistuskarttojen valmistuskustannuksiin liittyvät laskut ja kuitit toimitetaan ainoastaan erikseen pyydettäessä.</p>
<h4>Usean liitteen toimittaminen yhten&auml; tiedostona</h4>
<p>Voit halutessasi toimittaa useampia liitteit&auml; yhten&auml; tiedostona Tilinp&auml;&auml;t&ouml;s tai talousarvio -liitekohdassa. Merkitse t&auml;ll&ouml;in muiden liiteotsikoiden kohdalla &rdquo;Liite on toimitettu yhten&auml; tiedostona tai toisen hakemuksen yhteydess&auml;&rdquo;.</p>
<h4>Helsingin kaupungille aiemmin toimitetut liitteet</h4>
Expand All @@ -279,7 +279,7 @@ elements: |-
<div class="hds-notification__label"><span>Liitteiden sisältöä ei voi tarkastella jälkikäteen</span></div>
<div class="hds-notification__body"><p>Huomioithan, että et pysty avaamaan liitteitä sen jälkeen, kun olet liittänyt ne lomakkeelle. Näet liitteestä ainoastaan sen tiedostonimen.</p>
<p>Vaikka et voi tarkastella liitteiden sisältä jälkikäteen, lomakkeelle liitetyt liitteet lähtevät lomakkeen muiden tietojen mukana avustushakemuksen käsittelijälle.</p></div>
<p>Vaikka et voi tarkastella liitteiden sisältöä jälkikäteen, lomakkeelle liitetyt liitteet lähtevät lomakkeen muiden tietojen mukana avustushakemuksen käsittelijälle.</p></div>
</div>
</div>
extra_info:
Expand Down
2 changes: 1 addition & 1 deletion public/themes/custom/hdbt_subtheme/dist/css/styles.min.css
View file

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions public/themes/custom/hdbt_subtheme/package-lock.json
View file

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

242 changes: 121 additions & 121 deletions public/themes/custom/hdbt_subtheme/src/scss/06_components/pages/_application-search.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,164 +56,164 @@
}
}

.application_search {
&--link {
display: block;
height: 100%;
padding-bottom: var(--spacing-m);
position: relative;
text-decoration: none;

&::after {
--icon-size: 1.5rem;
.application_search--link {
display: block;
height: 100%;
padding-bottom: var(--spacing-m);
position: relative;
text-decoration: none;

@include pseudo-icon('arrow-right');
@include hover-link-arrow-transition;
bottom: var(--spacing-s);
content: '';
display: block;
flex-shrink: 0;
left: var(--spacing-m);
margin-left: -$spacing-quarter;
margin-top: $spacing-half;
position: absolute;

@include breakpoint($breakpoint-s) {
--icon-size: 3rem;
margin-left: -$spacing-half;
margin-top: $spacing;
}
&::after {
--icon-size: 1.5rem;

@include pseudo-icon('arrow-right');
@include hover-link-arrow-transition;
bottom: var(--spacing-s);
content: '';
display: block;
flex-shrink: 0;
left: var(--spacing-m);
margin-left: -$spacing-quarter;
margin-top: $spacing-half;
position: absolute;

@include breakpoint($breakpoint-s) {
--icon-size: 3rem;
margin-left: -$spacing-half;
margin-top: $spacing;
}
}

&:focus,
&:hover {
h3 {
text-decoration: none;
}
&:focus,
&:hover {
h3 {
text-decoration: none;
}

&::after {
transform: translateX($spacing-half);
&::after {
transform: translateX($spacing-half);

@media (prefers-reduced-motion) {
transform: none;
}
@media (prefers-reduced-motion) {
transform: none;
}
}
}
}

&--filter-wrapper {
background: var(--color-black-5);
.application_search--filter-wrapper {
background: var(--color-black-5);

h2 {
font-size: var(--fontsize-heading-m);
margin-bottom: var(--spacing-layout-s);
margin-top: var(--spacing-layout-s);
}
h2 {
font-size: var(--fontsize-heading-m);
margin-bottom: var(--spacing-layout-s);
margin-top: var(--spacing-layout-s);
}

form {
align-items: center;
border-bottom: 2px solid var(--color-black-20);
display: flex;
flex-flow: row wrap;
gap: var(--spacing-s);
justify-content: space-between;
margin-bottom: var(--spacing-layout-s);
padding-bottom: var(--spacing-layout-s);

.form-item {
margin-bottom: 0;
min-width: fit-content;
width: calc(calc(100% - var(--spacing-s) - var(--spacing-s)) / 3);

label {
color: var(--label-color-default);
font-size: var(--fontsize-body-m);
font-weight: 500;
margin-bottom: var(--spacing-3-xs);
}

.grant-applications--select-wrapper {
min-width: 100%;
width: 100%;
}
form {
align-items: center;
border-bottom: 2px solid var(--color-black-20);
display: flex;
flex-flow: row wrap;
gap: var(--spacing-s);
justify-content: space-between;
margin-bottom: var(--spacing-layout-s);
padding-bottom: var(--spacing-layout-s);

.form-item {
margin-bottom: 0;
min-width: fit-content;
width: calc(calc(100% - var(--spacing-s) - var(--spacing-s)) / 3);

label {
color: var(--label-color-default);
font-size: var(--fontsize-body-m);
font-weight: 500;
margin-bottom: var(--spacing-3-xs);
}

.hds-text-input:first-child {
max-width: none;
.grant-applications--select-wrapper {
min-width: 100%;
width: 100%;

input {
width: 100%;
}
}
.form-actions {
align-items: center;
display: flex;
order: 6;
padding-top: var(--spacing-m);
width: 100%;
}

@include breakpoint($breakpoint-m) {
width: 17%;
}
.hds-text-input:first-child {
max-width: none;
width: 100%;

input {
min-width: 250px;
width: 100%;
}
input {
width: 100%;
}
}
.form-actions {
align-items: center;
display: flex;
gap: $spacing;
order: 6;
padding-top: var(--spacing-m);
width: 100%;

.form-item-items-per-page {
display: none;
@include breakpoint($breakpoint-m) {
width: 17%;
}

.form-item-kohderyhma {
order: 1;
input {
min-width: 250px;
width: 100%;
}
}

.form-item-avustuslaji {
order: 2;
}
.form-item-items-per-page {
display: none;
}

.form-item-hakija {
order: 3;
}
.form-item-kohderyhma {
order: 1;
}

.form-item-search {
max-width: 100%;
order: 4;
width: 50%;
}
.form-item-avustuslaji {
order: 2;
}

.form-item-application-open {
break-before: left;
display: block;
margin-top: var(--spacing-m);
order: 5;
width: 30%;
}
[data-drupal-selector='edit-reset'] {
background-color: transparent;
border: 0;
color: var(--color-black);
}
.form-item-hakija {
order: 3;
}

.hds-koros svg pattern {
color: var(--color-black-5);
.form-item-search {
max-width: 100%;
order: 4;
width: 50%;
}

.hero .hero__container {
padding-bottom: var(--spacing-m);
.form-item-application-open {
break-before: left;
display: block;
margin-top: var(--spacing-m);
order: 5;
width: 30%;
}
[data-drupal-selector='edit-reset'] {
background-color: transparent;
border: 0;
color: var(--color-black);
}
}

.hds-koros svg pattern {
color: var(--color-black-5);
}

&--filters {
padding-bottom: var(--spacing-layout-m);
padding-top: 0;
.hero .hero__container {
padding-bottom: var(--spacing-m);
}
}

.application_search--filters {
padding-bottom: var(--spacing-layout-m);
padding-top: 0;
}

.application_search--rows {
display: flex;
flex-direction: column;
Expand Down

0 comments on commit 13f7cd1

Please sign in to comment.