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.

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

Fix arrangement of request show view HTML elements #13923

Merged
merged 1 commit into from
Mar 2, 2023

Conversation

eduardoj
Copy link
Member

@eduardoj eduardoj commented Mar 1, 2023

Fix including <p> elements inside other <p> elements in the requests and actions views. That results in an invalid HTML, and the HAML parser was preventing this from happening creating <p></p> groups of HTML elements.

A series of changes have been made in this pull request:

  • Rearrange the title of the card and the text of the card, adjusting margins. Before, all the text belonged to the card-title CSS class.
  • Substitute font-italic with fst-italic. This should have been changed in the migration to Bootstrap 5.
  • Wrap simple text not including <p> elements into <p> elements.
  • Wrap the rest of the text groups into <div> elements with the following classes: .d-flex.flex-wrap.mb-3.align-items-center. That allowed to remove the use of .align-middle.

@eduardoj eduardoj added the review-app Apply this label if you want a review app started label Mar 1, 2023
@github-actions github-actions bot added the Frontend Things related to the OBS RoR app label Mar 1, 2023
@obs-bot
Copy link
Collaborator

obs-bot commented Mar 1, 2023

Review app will appear here: http://obs-reviewlab.opensuse.org/eduardoj-fixrequest_paragraphs

@eduardoj eduardoj marked this pull request as ready for review March 1, 2023 16:23
Fix including `<p>` elements inside other `<p>` elements in the requests
and actions views. That results in an invalid HTML, and the HAML parser
was preventing this from happening creating `<p></p>` groups of HTML
elements.

A series of changes have been made in this pull request:
- Rearrange the title of the card and the text of the card, adjusting
  margins. Before, all the text belonged to the `card-title` CSS class.
- Substitute `font-italic` with `fst-italic`. This should have been
  changed in the migration to Bootstrap 5.
- Wrap simple text not including `<p>` elements into `<p>` elements.
- Wrap the rest of the text groups into `<div>` elements with the
  following classes: `.d-flex.flex-wrap.mb-3.align-items-center`. That
  allowed to remove the use of `.align-middle`.
@codecov
Copy link

codecov bot commented Mar 2, 2023

Codecov Report

Merging #13923 (80a6fbe) into master (bce6593) will increase coverage by 0.02%.
The diff coverage is n/a.

❗ Current head 80a6fbe differs from pull request most recent head 825462e. Consider uploading reports for the commit 825462e to get more accurate results

Additional details and impacted files

Impacted file tree graph

@@            Coverage Diff             @@
##           master   #13923      +/-   ##
==========================================
+ Coverage   88.19%   88.21%   +0.02%     
==========================================
  Files         732      732              
  Lines       24498    24492       -6     
==========================================
  Hits        21606    21606              
+ Misses       2892     2886       -6     

@saraycp saraycp merged commit 08158fa into openSUSE:master Mar 2, 2023
@eduardoj eduardoj deleted the fix/request_paragraphs branch March 2, 2023 14:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Frontend Things related to the OBS RoR app review-app Apply this label if you want a review app started
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants