Skip to content
Snippets Groups Projects
Verified Commit 59a41b20 authored by tribut's avatar tribut :man_dancing:
Browse files

Make navigation fixed except on mobile

parent f8536832
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
app/views/conferences/show.html.erb
+ 1
− 1
View file @ 59a41b20
...@@ -131,7 +131,7 @@ current_time = Time.zone.now.in_time_zone(@conference.time_zone) ...@@ -131,7 +131,7 @@ current_time = Time.zone.now.in_time_zone(@conference.time_zone)
sessions = @sessions_by_date_and_stage[date][stage] sessions = @sessions_by_date_and_stage[date][stage]
%> %>
<div class="stage"> <div class="stage">
<h4 class="sticky top-0 bg-white bg-opacity-70 w-full z-30"><%= stage.name %></h4> <h4 class="sticky md:top-16 top-0 bg-white bg-opacity-70 w-full z-30"><%= stage.name %></h4>
<div class="stage-sessions"> <div class="stage-sessions">
<% sessions.each do |session| %> <% sessions.each do |session| %>
<div class="session-holder hover:z-30 h-full" style=" <div class="session-holder hover:z-30 h-full" style="
......
app/views/layouts/application.html.erb
+ 2
− 2
View file @ 59a41b20
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
</head> </head>
<body <%= tag.attributes(body_data_attributes) %>> <body <%= tag.attributes(body_data_attributes) %>>
<nav class="bg-slate-100 text-gray-700 shadow relative" data-controller="navigation"> <nav class="bg-slate-100 text-gray-700 shadow w-full relative md:fixed z-50" data-controller="navigation">
<div class="relative bg-slate-100 z-50 container mx-auto px-4 py-4 flex justify-between items-center"> <div class="relative bg-slate-100 z-50 container mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-4"> <div class="flex items-center space-x-4">
<div class="text-xl font-bold text-black"><%= link_to 're:scheduled', '/', class: "!no-underline" %></div> <div class="text-xl font-bold text-black"><%= link_to 're:scheduled', '/', class: "!no-underline" %></div>
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
<%= render partial: 'shared/flash' %> <%= render partial: 'shared/flash' %>
<main class="container mx-auto mt-8 px-5 flex pb-4"> <main class="container mx-auto mt-8 px-5 flex pb-4 md:mt-24">
<%= yield %> <%= yield %>
</main> </main>
</body> </body>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Impressum - Datenschutzerklärung