kotovalexarian-likes-github/rails--rails
1
0
Fork 0
mirror of https://github.com/rails/rails.git synced 2022-11-09 12:12:34 -05:00
Code Releases Activity

Use html-based edge badge instead of image

Browse source 
I used a simple HTML-and-CSS-based approach to achieve the look of the edge badge.

* Delete edge_badge.png
* Update layout.html.erb
* Update main.css
This commit is contained in:
Kerollos Magdy 2020-06-05 23:06:13 +02:00 committed by GitHub
parent 95af87f0a4
commit 5443c96a07
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
guides/assets/images/edge_badge.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 5.6 KiB

12
guides/assets/stylesheets/main.css
View file

@ -733,10 +733,16 @@ div.important p, div.caution p, div.warning p, div.note p, div.info p {
#edge-badge {
position: fixed;
right: 0px;
top: 0px;
right: 0;
top: 0;
z-index: 100;
border: none;
color: white;
font-size: 30px;
transform: rotate(45deg) translate(27.5%, -40%);
min-width: 200px;
font-weight: bold;
background: #222;
border: red 2px solid;
}
/* Foundation v2.1.4 http://foundation.zurb.com */

2
guides/source/layout.html.erb
View file

@ -24,7 +24,7 @@
<body class="guide">
<% if @edge %>
<div>
<img src="images/edge_badge.png" alt="edge-badge" id="edge-badge" />
<div id="edge-badge">edge</div>
</div>
<% end %>
<div id="topNav">