Commit c3654bd3 authored by Jeff Sturek's avatar Jeff Sturek
Browse files

Dark mode and axe fixes

parent 68c151ef
This diff is collapsed.
......@@ -30,8 +30,8 @@
.tooltip {
> div {
position: absolute;
background-color: #fff;
color: #000;
background-color: var(--bg-light-gray);
color: var(--body);
box-shadow: 0px 1px 4px RGBA(0,0,0,0.2);
padding: 1em .75em;
bottom: 160%;
......@@ -43,7 +43,7 @@
}
> div:before {
background-color: white;
background-color: var(--bg-light-gray);
content: "";
display: block;
width: 15px;
......@@ -64,7 +64,7 @@
content:"";
height: 12px;
width: 40px;
background-color: #fff;
background-color: var(--bg-light-gray);
display: block;
position: absolute;
bottom: 0px;
......@@ -225,7 +225,7 @@ label.day-header {
box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 1;
background-color: #d8d8d8;
background-color: var(--bg-light-gray);
padding: .5em 46px 0 10%;
@media only screen and (min-width : 900px) {padding: .5em 46px 0 7.5%;}
@media only screen and (min-width : 1200px) {padding: .5em 46px 0 5%;}
......@@ -360,7 +360,6 @@ label.day-header {
}
&.editing {
border-style: dashed;
opacity: .7;
}
a {
color: initial;
......@@ -387,8 +386,8 @@ label.day-header {
}
.calendar-container.individual-day {
background-color: #f9f8f5;
border: 1px solid #d5d5d2;
background-color: var(--bg-light-gray);
border: 1px solid var(--b);
.time-labels {
width: 15%;
@media only screen and (max-width : 600px) {width: 20%;}
......@@ -437,27 +436,27 @@ label.day-header {
}
.toolbox, .visual-island {
background: #f9f8f5;
background: var(--bg-light-gray);
margin-bottom: 1em;
word-wrap: break-word;
padding: 0 !important;
.tools, .details {
padding: 1em;
border-left: 1px solid #d5d5d2;
border-right: 1px solid #d5d5d2;
border-bottom: 1px solid #d5d5d2;
border-left: 1px solid var(--b);
border-right: 1px solid var(--b);
border-bottom: 1px solid var(--b);
&.top-border {
border-top: 1px solid #d5d5d2;
border-top: 1px solid var(--b);
}
}
h1, h2, h3, h4, h5, h6, .vi-header{
display: block;
font-size: .802em !important;
margin: 0;
border-bottom: 1px solid #474746;
border-bottom: 1px solid var(--b);
font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif;
width: 100%;
background-color: #474746;
background-color: var(--b);
padding: 1em;
text-transform: uppercase;
color:#fff;
......@@ -503,8 +502,8 @@ label.day-header {
.date-time-select {
padding: 1em;
background-color: #f9f8f5;
border: 1px solid #d5d5d2;
background-color: var(--bg-light-gray);
border: 1px solid var(--b);
margin-bottom: 0.75em;
text-align: center;
&.hours {
......@@ -588,3 +587,16 @@ label.day-header {
background-repeat: no-repeat;
z-index: 3;
}
.wdn_tabs>li {
background-color: var(--bg-tab);
.selected {
background-color: var(--bg-tab-selected);
}
}
.wdn_tabs_content {
background-color: var(--bg-tabs-panel);
border-color: var(--b-tab)
}
......@@ -9,7 +9,7 @@
</form>
<div id="pagetitle">
<h3>Today's Agenda<span class="dcf-subhead"><%= date.strftime('%B %d, %Y') %></h3>
<h3>Today's Agenda <span class="dcf-subhead"><%= date.strftime('%B %d, %Y') %></h3>
</div>
......
......@@ -61,7 +61,7 @@
</table>
<% if @user.has_permission?(Permission::SUPER_USER, @space) %>
<h4>Edit Space Image</h4>
<h4 class="dcf-mt-6">Edit Space Image</h4>
<form id="edit-space-image" action="<%= @space.edit_image_href %>" method="POST" enctype="multipart/form-data">
<% unless @space.imagedata.nil? %>
<img src="<%= @space.image_src %>" alt="Image for Service Space <%= @space.name %>">
......
......@@ -2,7 +2,7 @@
<h3>Set New Hours</h3>
</div>
<form id="create-hours" action="" method="POST">
<form class="dcf-form" id="create-hours" action="" method="POST">
<div class="dcf-grid dcf-col-gap-vw">
<div class="dcf-col-100% dcf-col-50%-start@sm">
<label for="day-of-week">Day Of Week</label>
......@@ -23,19 +23,19 @@
<fieldset>
<legend>Hours</legend>
<label>Studio will be closed for all hours you do not indicate here.</label>
<input type="text" class="hidden" name="hours" id="hours" />
<span>Studio will be closed for all hours you do not indicate here.</span>
<input type="hidden" name="hours" id="hours" />
<div id="hours-container">
<% hours = [{:status => 'open', :start => 540, :end => 1020}] if hours.nil? %>
<% hours.each_index do |x| %>
<% record = hours[x] %>
<div id="base-hours-<%=x%>" class="date-time-select hours-record">
<select class="hours-type dcf-input-select">
<select class="hours-type dcf-input-select" aria-label="Choose hours entry status.">
<option <%= 'selected="selected"' if record[:status] == 'open' %> value="open">Open</option>
<option <%= 'selected="selected"' if record[:status] == 'open_without_reservations' %> value="open_without_reservations">Open but Machine Reservations are Not Allowed</option>
<option <%= 'selected="selected"' if record[:status] == 'closed' %> value="closed">Closed</option>
</select>
<label for="start-date">from</label>
<label class="dcf-mt-4" for="start-date">from</label>
<div class="dcf-d-flex dcf-ai-center dcf-flex-grow-1 dcf-mt-4 dcf-mr-4">
<select class="start-time-hour dcf-flex-grow-1 dcf-input-select" title="Start Time Hour">
<option value=""></option>
......@@ -52,18 +52,18 @@
</select>
<div class="am_pm dcf-mb-0 dcf-pl-3">
<div class="dcf-d-flex dcf-ai-center">
<label class="dcf-label dcf-2nd dcf-mt-0 dcf-ml-1" for="hours-start-am">AM</label>
<div class="dcf-d-flex dcf-ai-center dcf-input-radio">
<input <%= 'checked="checked"' if record[:start] < 720 %> class="start-time-am-pm dcf-flex-shrink-0" title="AM" type="radio" value="am" name="<%= z = String.token %>">
<label for="hours-start-am">AM</label>
</div>
<div class="dcf-d-flex dcf-ai-center">
<label class="dcf-label dcf-2nd dcf-mt-0 dcf-ml-1" for="hours-start-pm">PM</label>
<div class="dcf-d-flex dcf-ai-center dcf-input-radio">
<input <%= 'checked="checked"' if record[:start] >= 720 %> class="start-time-am-pm dcf-flex-shrink-0" title="PM" type="radio" value="pm" name="<%= z %>">
<label for="hours-start-pm">PM</label>
</div>
</div>
</div>
<label for="end-date">until</label>
<label class="dcf-mt-4" for="end-date">until</label>
<div class="dcf-d-flex dcf-ai-center dcf-flex-grow-1 dcf-mt-4 dcf-mr-4">
<select class="end-time-hour dcf-flex-grow-1 dcf-input-select" title="End Time Hour">
<option value=""></option>
......@@ -80,13 +80,13 @@
</select>
<div class="am_pm dcf-mb-0 dcf-pl-3">
<div class="dcf-d-flex dcf-ai-center">
<label class="dcf-label dcf-2nd dcf-mt-0 dcf-ml-1" for="hours-end-am">AM</label>
<div class="dcf-d-flex dcf-ai-center dcf-input-radio">
<input <%= 'checked="checked"' if record[:end] < 720 %> class="end-time-am-pm dcf-flex-shrink-0" title="AM" type="radio" value="am" name="<%= z = String.token %>">
<label for="hours-end-am">AM</label>
</div>
<div class="dcf-d-flex dcf-ai-center">
<label class="dcf-label dcf-2nd dcf-mt-0 dcf-ml-1" for="hours-end-pm">PM</label>
<div class="dcf-d-flex dcf-ai-center dcf-input-radio">
<input <%= 'checked="checked"' if record[:end] >= 720 %> class="end-time-am-pm dcf-flex-shrink-0" title="PM" type="radio" value="pm" name="<%= z %>">
<label for="hours-end-pm">PM</label>
</div>
</div>
</div>
......@@ -96,7 +96,7 @@
</div>
<% end %>
</div>
<button id="add-hours" type="button" class="dcf-btn wdn-button-complement">Add Hours</button>
<button id="add-hours" type="button" class="dcf-btn dcf-btn-secondary">Add Hours</button>
</fieldset>
<button type="submit" class="dcf-btn dcf-btn-primary">Submit</button>
......
......@@ -8,7 +8,7 @@
<legend>Send to:</legend>
<input type="checkbox" id="send-to-all-non-admins" name="send_to_all_non_admins"> <label for="send-to-all-non-admins">All Non-Admins of <%= @space.name %></label><br>
<input type="checkbox" id="send-to-all-users" name="send_to_all_users"> <label for="send-to-all-users">All Users of <%= @space.name %></label><br>
<input type="checkbox" id="send-to-specific-user" name="send_to_specific_user">
<input type="checkbox" id="send-to-specific-user" name="send_to_specific_user"> <label title="Specific Users" for="send-to-specific-user"><span class="dcf-sr-only">Specific Users</span></label>
<label for="specific-user">Specific User:</label>
<select id="specific-user" name="specific_user" style="width: auto;">
<% users.sort{|x,y| x.sortable_name.downcase <=> y.sortable_name.downcase}.each do |user| %>
......@@ -21,7 +21,7 @@
<legend>Attachments</legend>
<div id="files">
<div id="file-container" class="file-container" style="padding-right: 60px; position: relative;">
<input class="file-input" type="file" name="file_1" />
<input class="file-input" type="file" name="file_1" aria-label="Upload email attachment" />
<button style="display: none; position: absolute; right: 5px; top: 5px;" type="button" class="remove-file dcf-btn">&times;</button>
</div>
</div>
......
......@@ -19,7 +19,7 @@
<a href="<%= @space.admin_users_href %>" class="dcf-btn dcf-mb-6" style="font-size: 60%">Clear</a>
</div>
<div class="dcf-col-100% dcf-col-75%-end@sm"">
<label>Resource Authorization:</label>
<label for="resource-authorization">Resource Authorization:</label>
<select id="resource-authorization" name="resource_authorization">
<option value=""></option>
<% resources.each do |resource| %>
......
......@@ -37,7 +37,7 @@ end
<section class="<%= section_class %>">
<div class="<%= first_div_class %>" style="<%= first_div_style %>">
<label>Schedule for <span id="current-date"><%= day.strftime('%m/%d/%Y') %></span></label>
<div class="calendar-container individual-day">
<div class="calendar-container individual-day" tabindex="0">
<label class="day-header"><%= day.strftime("%^a %-m/%d") %></label>
<div class="time-labels">
<div class="time-chart">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment