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

Copy Paste Mobile styling CSS for AMD/SMD/Banners Apps in Knack #178

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

susannegov
Copy link
Contributor

From this Issue cityofaustin/atd-data-tech#20770

The following apps I copied the CSS from

  • Austin Transportation Data Tracker (AMD)
  • Signs and Markings Operation (SMD)
  • Street Banners Program Portal (Banners)

I did not modify the code during the copy-paste. There is some discrepancies between Prod (in Knack) and Main (in GitHub repo). They are mostly comment/code styling from what I can see and should have no impact as far as I am aware.

Differences between Prod (Knack) and Main (GitHub)

  • In AMD the number of spaces on certain lines on some CSS code is different in Prod and Main. No functional difference.
  • In SMD, the BLANK new lines are removed in Prod compared to Main. No functional difference.
  • In Street Banners Portal, some comments are tagged in /* */ in Prod while Main it is ////. No functional difference.

All mobile styling CSS is already included in the copy/paste.

The following apps I copied the CSS from:
- Signs and Markings Operation
- Austin Transportation Data Tracker
- Street Banners Program Portal
I did not modify the code during the copy-paste. There is some discrepancies between Prod (in Knack) and main (in GitHub repo). They are mostly comment/code styling from what I can see and should have no impact as far as I am aware.

Differences from the main:
- In AMD the spacing of lines on certain code is different in Prod and Main but no function difference
- In SMD, BLANK new lines are removed in Prod compared to Main. No functional difference.
- In Street Banners Portal, the comments are tagged in /* */ in Prod while Main it is ////. No functional difference.

All mobile styling CSS is already included in the copy/paste.
@susannegov susannegov self-assigned this Jan 31, 2025
@susannegov susannegov added documentation Improvements or additions to documentation CSS Modified CSS code cleanup Feature / Code removal enhancement Enhancement to an existing feature or app Knack Any Knack related PR's and removed cleanup Feature / Code removal documentation Improvements or additions to documentation enhancement Enhancement to an existing feature or app labels Jan 31, 2025
@susannegov susannegov changed the title Copy Paste Mobile styling CSS for SMD/AMD/Banners Apps in Knack Copy Paste Mobile styling CSS for AMD/SMD/Banners Apps in Knack Jan 31, 2025
Copy link
Member

@ChrispinP ChrispinP left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I didnt see anything major other than my comments on the Data Tracker file

overflow: auto;
overflow-wrap:
break-word;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this break-word property value should be moved up after overflow-wrap:

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not a huge fan of the indent spacing being removed from code inside curly braces, it helps keep track of structure. If its not too much of a hassle, code inside curly spaces should be indented like most other code.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CSS Modified CSS code Knack Any Knack related PR's
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants