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;
&:hover {
background-color: white;
color: var(--astuto-black);
&:hover, &:active, &:focus {
background-color: white !important;
color: var(--astuto-black) !important;
}
.oauthProviderText {

View File

@@ -3,7 +3,7 @@ import I18n from 'i18n-js';
const PoweredByLink = () => (
<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
</a>
</div>

View File

@@ -6,7 +6,7 @@
<body>
<div style="margin: 16px auto; text-align: center;">
<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>
</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;">

View File

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

View File

@@ -3,14 +3,14 @@
<head>
<title>Page not found</title>
<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>
<body>
<!-- This file lives in public/404.html -->
<div class="card">
<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">
The page you're looking for doesn't exist.
</p>

View File

@@ -3,14 +3,14 @@
<head>
<title>The change you wanted was rejected</title>
<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>
<body>
<!-- This file lives in public/422.html -->
<div class="card">
<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">
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>

View File

@@ -3,14 +3,14 @@
<head>
<title>We're sorry, but something went wrong</title>
<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>
<body>
<!-- This file lives in public/500.html -->
<div class="card">
<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">
We're sorry. Wait a moment and try again.
</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
post3
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
visit roadmap_path