darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-02-06 11:23:48 -05:00
Code Issues Packages Projects Releases Wiki Activity

1089- styling update to Team Member cards

Browse Source
This commit is contained in:
Jonathan Bobel
2024-01-11 15:56:17 -05:00
parent 2c1c87b9b7
commit 27c74ca773
5 changed files with 28 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/__init__.py
View File

@@ -585,7 +585,7 @@ def add_template_filters(application):
format_mobile_network,
format_yes_no,
square_metres_to_square_miles,
convert_markdown_template
convert_markdown_template,
]:
application.add_template_filter(fn)

4
app/assets/sass/uswds/_uswds-theme-custom-styles.scss
View File

@@ -124,6 +124,7 @@ td.table-empty-message {
.button-flex-header {
flex-direction: column;
align-items: flex-start;
margin-bottom: units(2);
@include at-media(desktop) {
flex-direction: row;
display: flex;
@@ -141,10 +142,11 @@ td.table-empty-message {
.user-list {
display: inline-flex;
flex-wrap: wrap;
gap: units(2);
gap: units(4);
.user-list-item {
@include at-media(desktop) {
flex: 1 1 calc(50% - units(2));
flex-grow: 0;
}
flex: 1 1 calc(100% - units(2));
border: 1px solid color('gray-cool-10');

11
app/formatters.py
View File

@@ -26,18 +26,16 @@ from app.utils.time import parse_naive_dt
def apply_html_class(tags, html_file):
new_html = html_file
for tag in tags:
element = tag[0]
class_name = tag[1]
soup = BeautifulSoup(new_html, 'html.parser')
soup = BeautifulSoup(new_html, "html.parser")
for xtag in soup.find_all(element):
xtag['class'] = class_name
xtag["class"] = class_name
new_html = str(soup)
@@ -45,12 +43,11 @@ def apply_html_class(tags, html_file):
def convert_markdown_template(mdf, test=False):
content_text = ""
if not test:
APP_ROOT = get_root_path('notifications-admin')
file = 'app/content/' + mdf + '.md'
APP_ROOT = get_root_path("notifications-admin")
file = "app/content/" + mdf + ".md"
md_file = os.path.join(APP_ROOT, file)
with open(md_file) as f:
content_text = f.read()

16
app/main/views/index.py
View File

@@ -138,16 +138,20 @@ def get_started_old():
@main.route("/using-notify/get-started")
@user_is_logged_in
def get_started():
markdown = convert_markdown_template('get-started')
html_style = apply_html_class([['ol', 'usa-process-list'],
['li', 'usa-process-list__item padding-bottom-4 margin-top-2'],
['h2', 'usa-process-list__heading line-height-sans-3']],
markdown)
markdown = convert_markdown_template("get-started")
html_style = apply_html_class(
[
["ol", "usa-process-list"],
["li", "usa-process-list__item padding-bottom-4 margin-top-2"],
["h2", "usa-process-list__heading line-height-sans-3"],
],
markdown,
)
return render_template(
"views/get-started.html",
navigation_links=using_notify_nav(),
content=html_style
content=html_style,
)

13
tests/app/main/test_formatters.py
View File

@@ -174,16 +174,23 @@ def test_format_delta():
def test_jinja_format(fake_jinja_template):
app = Flask("app")
with app.app_context():
assert convert_markdown_template(fake_jinja_template, test=True) == "<p>True</p>"
assert (
convert_markdown_template(fake_jinja_template, test=True) == "<p>True</p>"
)
@pytest.mark.usefixtures("fake_markdown_file")
def test_markdown_format(fake_markdown_file):
app = Flask("app")
with app.app_context():
assert convert_markdown_template(fake_markdown_file, test=True) == "<h1>Test</h1>"
assert (
convert_markdown_template(fake_markdown_file, test=True) == "<h1>Test</h1>"
)
@pytest.mark.usefixtures("fake_soup_template")
def test_soup_format(fake_soup_template):
assert apply_html_class([['h1', 'testClass']], fake_soup_template) == '<h1 class="testClass">Test</h1>'
assert (
apply_html_class([["h1", "testClass"]], fake_soup_template)
== '<h1 class="testClass">Test</h1>'
)