1
0
mirror of https://github.com/jcwimer/wrestlingApp synced 2026-03-25 01:14:43 +00:00

Moved the tournament navbar to the bottom of the page and made site responsive. Fixed puma solid queue in development.

This commit is contained in:
2025-04-16 14:05:17 -04:00
parent 6e61a7245a
commit 05b78662f5
11 changed files with 44 additions and 10996 deletions

View File

@@ -10,11 +10,13 @@
// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require_tree .
//= require jquery
//= require jquery_ujs
// Bootstrap 3.3.6 in vendor/assets/javascripts
//= require bootstrap.min.js
// Data Tables 1.10.6 in vendor/assets/javascripts
//= require jquery.dataTables.min.js
//= require turbolinks
//
//= require_tree .

View File

@@ -10,10 +10,10 @@
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*= require_tree .
*= require_self
* Bootstrap 3.3.6 in vendor/assets/stylesheets
*= require bootstrap.min.css
*= require bootstrap-theme.min.css
*/
*= require_tree .
*= require custom
*= require_self
*/

View File

@@ -0,0 +1,8 @@
.navbar-inverse.navbar-fixed-top {
z-index: 1040; /* Ensure main navbar is above tournament navbar */
}
#tournament-navbar {
top: 50px; /* Position below the first fixed navbar */
z-index: 1030; /* Explicitly set standard fixed navbar z-index */
}

View File

@@ -10,7 +10,7 @@
<a class="navbar-brand" href="/">WrestlingDev</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<ul class="nav navbar-nav navbar-right">
<li><%= link_to "Browse Tournaments", "/tournaments/" %></li>
<li><%= link_to "About", "/static_pages/about" %></li>
<li><%= link_to "Tutorials", "/static_pages/tutorials" %></li>

View File

@@ -1,13 +1,21 @@
<% if @tournament and @tournament.id %>
<h2><%= @tournament.name %> Links</h2>
<nav class="navbar navbar-default navbar-static-top" role="navigation" id="tournament-navbar">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="tournament-navbar">
<div class="container">
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><%= link_to " Tournament Home" , "/tournaments/#{@tournament.id}", class: "fas fa-home" %></li>
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#tournament-navbar-collapse" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<%= link_to "Tournament Menu", "/tournaments/#{@tournament.id}", class: "navbar-brand" %>
</div>
<div id="tournament-navbar-collapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><%= link_to " Home" , "/tournaments/#{@tournament.id}", class: "fas fa-home" %></li>
<% if can? :read, @tournament %>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fas fa-poll-h"> Tournament Results/Brackets</i>
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fas fa-poll-h"> Results/Brackets</i>
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><strong>Results</strong></li>
@@ -24,7 +32,7 @@
<% end %>
<% if can? :manage, @tournament %>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#director"><i class="fas fa-tools"> Tournament Director Links</i>
<a class="dropdown-toggle" data-toggle="dropdown" href="#director"><i class="fas fa-tools"> Director Links</i>
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><strong>Pages</strong></li>

View File

@@ -16,25 +16,24 @@
<% else %>
<head>
<title>WrestlingDev</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<% if Rails.env.production? %>
<%= render 'layouts/analytics' %>
<% end %>
<%= stylesheet_link_tag "application", media: "all",
"data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
<%= stylesheet_link_tag "application" %>
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>
<%= render 'layouts/cdn' %>
<%= render 'layouts/shim' %>
</head>
<body style="padding-top: 70px;">
<body style="padding-top: 100px;">
<%= render 'layouts/header' %>
<%= render 'layouts/tournament-navbar' %>
<div class="container">
<div class="navbar-roof"></div>
<%= render 'layouts/header' %>
<div id="page-content">
<div class="row">
<%= render 'layouts/tournament-navbar' %>
</div>
<div class="row">
<div class="col-md-12"><%= render 'layouts/underheader' %></div>
</div>
@@ -46,7 +45,9 @@
<% if alert %>
<p id="alert" class="alert alert-danger alert-dismissible"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a><%= alert %></p>
<% end %>
<div id="view"><%= yield %></div>
<div id="view" style="overflow-x: auto; overflow-y: hidden;"> <%# Horizontal scroll only %>
<%= yield %>
</div>
</div>
</div>
</div>

View File

@@ -1,5 +1,6 @@
<br><br>
<h3>
Info
<%= @tournament.name %> Info
</h3>
<% if (can? :manage, @tournament) && @tournament.curently_generating_matches == 1 %>

View File

@@ -38,6 +38,7 @@ Rails.application.configure do
config.active_job.queue_adapter = :solid_queue
# Don't use connects_to here since it's configured via queue.yml
# config.solid_queue.connects_to = { database: { writing: :queue } }
config.solid_queue.connects_to = { database: { writing: :queue, reading: :queue } }
# Configure ActionCable to use its own database
# Don't use connects_to here since it's configured via cable.yml

View File

@@ -1 +0,0 @@
*-*

View File

@@ -1,108 +0,0 @@
// Place all the styles related to the Admin controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
// Place all the styles related to the Matches controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
// Place all the styles related to the Mats controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
body {
background-color: #fff;
color: #333;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
}
p, ol, ul, td {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
}
pre {
background-color: #eee;
padding: 10px;
font-size: 11px;
}
a {
color: #000;
&:visited {
color: #666;
}
&:hover {
color: #fff;
background-color: #000;
}
}
div {
&.field, &.actions {
margin-bottom: 10px;
}
}
#notice {
color: green;
}
.field_with_errors {
padding: 2px;
background-color: red;
display: table;
}
#error_explanation {
width: 450px;
border: 2px solid red;
padding: 7px;
padding-bottom: 0;
margin-bottom: 20px;
background-color: #f0f0f0;
h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px;
margin-bottom: 0px;
background-color: #c00;
color: #fff;
}
ul li {
font-size: 12px;
list-style: square;
}
}
// Place all the styles related to the Schools controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
// Place all the styles related to the StaticPages controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
// Place all the styles related to the tournaments controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
// Place all the styles related to the Weights controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
// Place all the styles related to the Wrestlers controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*/