Various improvements and fixes (#309)

* Remove roadmap header
* Add hostname to poweredby url
* Fix oauth button click style
* Fix mailer astuto logo
* Fix asset urls in public html files
This commit is contained in:
Riccardo Graziosi
2024-03-14 23:04:34 +01:00
committed by GitHub
parent 336adb9bfd
commit 1cdbbc91e8
12 changed files with 12 additions and 48 deletions

View File

@@ -274,9 +274,9 @@ body {
height: 38px; height: 38px;
&:hover { &:hover, &:active, &:focus {
background-color: white; background-color: white !important;
color: var(--astuto-black); color: var(--astuto-black) !important;
} }
.oauthProviderText { .oauthProviderText {

View File

@@ -3,7 +3,7 @@ import I18n from 'i18n-js';
const PoweredByLink = () => ( const PoweredByLink = () => (
<div className="poweredBy"> <div className="poweredBy">
<a href="http://astuto.io/?utm_campaign=poweredby" target="_blank"> <a href={`http://astuto.io/?utm_campaign=poweredby&utm_source=${window.location.hostname}`} target="_blank">
{ I18n.t('common.powered_by') } Astuto { I18n.t('common.powered_by') } Astuto
</a> </a>
</div> </div>

View File

@@ -6,7 +6,7 @@
<body> <body>
<div style="margin: 16px auto; text-align: center;"> <div style="margin: 16px auto; text-align: center;">
<a href="<%= add_subdomain_to(method(:root_url)) %>"> <a href="<%= add_subdomain_to(method(:root_url)) %>">
<%= image_tag('logo.png', alt: 'Astuto Logo', size: 64) %> <%= image_tag('https://raw.githubusercontent.com/astuto/astuto-assets/main/logo-64.png', alt: 'Astuto Logo', size: 64) %>
</a> </a>
</div> </div>
<div style="max-width: 580px; margin: 0 auto; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04),0 2px 4px -1px rgba(0, 0, 0, 0.03); padding: 24px; font-family: system-ui, sans-serif; font-size: 18px;"> <div style="max-width: 580px; margin: 0 auto; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04),0 2px 4px -1px rgba(0, 0, 0, 0.03); padding: 24px; font-family: system-ui, sans-serif; font-size: 18px;">

View File

@@ -1,5 +1,3 @@
<h2><%= t('roadmap.title') %></h2>
<%= <%=
react_component( react_component(
'Roadmap', 'Roadmap',

View File

@@ -3,14 +3,14 @@
<head> <head>
<title>Page not found</title> <title>Page not found</title>
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="https://raw.githubusercontent.com/astuto/astuto-assets/main/public/style.css" />
</head> </head>
<body> <body>
<!-- This file lives in public/404.html --> <!-- This file lives in public/404.html -->
<div class="card"> <div class="card">
<h1>Page not found</h1> <h1>Page not found</h1>
<img src="error-404.png" width="64" height="64" class="error-image" /> <img src="https://raw.githubusercontent.com/astuto/astuto-assets/main/public/error-404.png" width="64" height="64" class="error-image" />
<p class="error-description"> <p class="error-description">
The page you're looking for doesn't exist. The page you're looking for doesn't exist.
</p> </p>

View File

@@ -3,14 +3,14 @@
<head> <head>
<title>The change you wanted was rejected</title> <title>The change you wanted was rejected</title>
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="https://raw.githubusercontent.com/astuto/astuto-assets/main/public/style.css" />
</head> </head>
<body> <body>
<!-- This file lives in public/422.html --> <!-- This file lives in public/422.html -->
<div class="card"> <div class="card">
<h1>Rejected</h1> <h1>Rejected</h1>
<img src="error-422.png" width="64" height="64" class="error-image" /> <img src="https://raw.githubusercontent.com/astuto/astuto-assets/main/public/error-422.png" width="64" height="64" class="error-image" />
<p class="error-description"> <p class="error-description">
The change you wanted was rejected. If you're trying to do something bad, our team of astute foxes is already looking out for you. Watch out! The change you wanted was rejected. If you're trying to do something bad, our team of astute foxes is already looking out for you. Watch out!
</p> </p>

View File

@@ -3,14 +3,14 @@
<head> <head>
<title>We're sorry, but something went wrong</title> <title>We're sorry, but something went wrong</title>
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="https://raw.githubusercontent.com/astuto/astuto-assets/main/public/style.css" />
</head> </head>
<body> <body>
<!-- This file lives in public/500.html --> <!-- This file lives in public/500.html -->
<div class="card"> <div class="card">
<h1>Something went wrong</h1> <h1>Something went wrong</h1>
<img src="error-500.png" width="64" height="64" class="error-image" /> <img src="https://raw.githubusercontent.com/astuto/astuto-assets/main/public/error-500.png" width="64" height="64" class="error-image" />
<p class="error-description"> <p class="error-description">
We're sorry. Wait a moment and try again. We're sorry. Wait a moment and try again.
</p> </p>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.1 KiB

View File

@@ -1,28 +0,0 @@
.card {
/* Bootstrap 4.6.2 card style */
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
/* My customizations */
max-width: 720px;
text-align: center;
font-family: system-ui;
margin: 0 auto;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04),0 2px 4px -1px rgba(0, 0, 0, 0.03);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
color: black;
padding: 8px;
}
.error-image { margin: 0 auto; }
.error-description { font-size: 18px; }
a { color: black; }

View File

@@ -33,13 +33,7 @@ feature 'roadmap', type: :system, js: true do
post2 post2
post3 post3
end end
it 'renders correctly' do
visit roadmap_path
expect(page).to have_content('Roadmap')
end
it 'shows a colum for each post status with show_in_roadmap set to true' do it 'shows a colum for each post status with show_in_roadmap set to true' do
visit roadmap_path visit roadmap_path