diff --git a/app/assets/images/pictograms/alert-outline.svg b/app/assets/images/pictograms/alert-outline.svg index de92aed..41041d8 100644 --- a/app/assets/images/pictograms/alert-outline.svg +++ b/app/assets/images/pictograms/alert-outline.svg @@ -1 +1 @@ - + diff --git a/app/assets/images/pictograms/check-circle-outline.svg b/app/assets/images/pictograms/check-circle-outline.svg index 52ebeb3..385f9e2 100644 --- a/app/assets/images/pictograms/check-circle-outline.svg +++ b/app/assets/images/pictograms/check-circle-outline.svg @@ -1 +1 @@ - + diff --git a/app/assets/images/pictograms/login.svg b/app/assets/images/pictograms/login.svg new file mode 100644 index 0000000..d071db0 --- /dev/null +++ b/app/assets/images/pictograms/login.svg @@ -0,0 +1 @@ + diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index eb3ba78..c6e4d7b 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -17,7 +17,7 @@ * { font-family: system-ui; } - +// TODO: convert em to rem body { margin: 0 0.5em; } @@ -48,12 +48,20 @@ input:focus:not([type=checkbox]) { border-color: #a0a0a0; border-radius: 0.2em; color: #a0a0a0; + display: flex; + fill: #a0a0a0; float: right; font-size: 0.8em; font-weight: bold; margin-left: 1em; padding: 0.6em; } +.application-menu a svg { + height: 1rem; + padding-right: 0.4rem; + width: 1rem; +} +.application-menu a.active, .application-menu a:hover, .application-menu a:focus-visible, input[type=submit]:hover, @@ -62,6 +70,7 @@ input[type=submit]:focus-visible { border-color: #009ade; color: white; cursor: pointer; + fill: white; text-decoration: none; } diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb index 9dacfca..ce69605 100644 --- a/app/helpers/application_helper.rb +++ b/app/helpers/application_helper.rb @@ -25,4 +25,11 @@ module ApplicationHelper options.merge! builder: TabularFormBuilder form_for(record, **options, &block) end + + def svg_tag(source, options = {}) + image_name, id = source.split('#') + content_tag :svg, options do + tag.use href: "#{image_path(image_name)}##{id}" + end + end end diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 575074a..6b1ad9f 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -14,7 +14,8 @@