alexdbondoc17
/
cdao-pjet
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Add side button for subjects and doctrine

pull/53/head
janpaulo 4 years ago
parent
7b246a19d9
commit
c9b765942f
No known key found for this signature in database
GPG Key ID: 50CA753050F1541C
2 changed files with 40 additions and 49 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 71
      app/javascript/src/application/sidenav.scss
  2. 18
      app/views/layouts/application.html.erb

71
app/javascript/src/application/sidenav.scss
Unescape View File

@ -180,22 +180,6 @@
margin-left: -62px; margin-left: -62px;
} }
.accordion-body {
border: none !important;
padding: 0 !important;
}
.accordion-body .accordion-button {
border: none !important;
padding: 0 !important;
}
.accordion-button:focus {
outline: none !important;
box-shadow: none !important;
border-color: transparent !important;
}
.sub1 { .sub1 {
padding-left: 10px; padding-left: 10px;
font-weight: 500; font-weight: 500;
@ -204,37 +188,7 @@
font-size: 1.1rem; font-size: 1.1rem;
} }
.sub2 { .sub2, .sub3, .sub4, .sub5, .sub6, .sub7 {
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
.sub3 {
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
.sub4 {
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
.sub5 {
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
.sub6 {
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
.sub7 {
padding-left: 10px; padding-left: 10px;
padding-bottom: 10px; padding-bottom: 10px;
padding-right: 10px; padding-right: 10px;
@ -249,3 +203,26 @@
color: #ffbca7 !important; color: #ffbca7 !important;
} }
.navbar-body {
position: fixed !important;
z-index: 1000;
width: 100%;
}
.for-side-button {
background: darkred;
height: 180px;
padding-left: 0 !important;
position: absolute;
top: 36%;
width: 20px;
z-index: 1;
svg {
color: #fff !important;
font-size: 35px !important;
padding-left: 2px;
position: absolute !important;
top: 38% !important;
}
}

18
app/views/layouts/application.html.erb
Unescape View File

@ -39,7 +39,21 @@
<body class="<%= current_user.present? ? 'container-fluid h-100 w-100 p-0' : 'container-fluid h-100 w-100 p-0 sessions-body-bg' %> " data-controller="selectize"> <body class="<%= current_user.present? ? 'container-fluid h-100 w-100 p-0' : 'container-fluid h-100 w-100 p-0 sessions-body-bg' %> " data-controller="selectize">
<%= render(SidenavComponent.new(current_user: current_user, opts: { is_nav_bar: true }))%> <%= render(SidenavComponent.new(current_user: current_user, opts: { is_nav_bar: true }))%>
<div class="<%= params[:is_index_table].present? ? '': "d-none"%>">
<% if params[:is_index_table] === "true" %>
<div class="for-side-button" data-bs-toggle="offcanvas" data-bs-target="#subjectsOffCanvas"
data-controller="subjects" data-accordion-for="subjects" data-accordion-target="#subjectsOffCanvasAccordionBody"
data-action="click->subjects#loadSubjectsAccordion">
<i class="fas fa-angle-right"></i>
</div>
<% else %>
<div class="for-side-button" data-bs-toggle="offcanvas" data-bs-target="#doctrinesOffCanvas"
data-controller="subjects" data-accordion-for="doctrines" data-accordion-target="#doctrinesOffCanvasAccordionBody"
data-action="click->subjects#loadSubjectsAccordion">
<i class="fas fa-angle-right"></i>
</div>
<% end %>
</div>
<%= render(SubjectsOffcanvasComponent.new(current_user: current_user, opts: { is_render: true, header_title: "Subjects", element_id: "subjectsOffCanvas", accordion_body_id: "subjectsOffCanvasAccordionBody" })) %> <%= render(SubjectsOffcanvasComponent.new(current_user: current_user, opts: { is_render: true, header_title: "Subjects", element_id: "subjectsOffCanvas", accordion_body_id: "subjectsOffCanvasAccordionBody" })) %>
<%= render(SubjectsOffcanvasComponent.new(current_user: current_user, opts: { is_render: true, header_title: "Doctrines", element_id: "doctrinesOffCanvas", accordion_body_id: "doctrinesOffCanvasAccordionBody" })) %> <%= render(SubjectsOffcanvasComponent.new(current_user: current_user, opts: { is_render: true, header_title: "Doctrines", element_id: "doctrinesOffCanvas", accordion_body_id: "doctrinesOffCanvasAccordionBody" })) %>
@ -47,7 +61,7 @@
<div class="<%= current_user.present? ? 'd-none' : 'col-sm-8 login-logo' %>"> <div class="<%= current_user.present? ? 'd-none' : 'col-sm-8 login-logo' %>">
<%= image_pack_tag 'application/cdasiaonline_logo.png', class:"app-logo" %> <%= image_pack_tag 'application/cdasiaonline_logo.png', class:"app-logo" %>
</div> </div>
<div class="<%= current_user.present? ? 'col py-3 main-content-body' : 'col-sm-4 login-body-box' %>"> <div class="<%= current_user.present? ? 'col py-3 main-content-body mt-5' : 'col-sm-4 login-body-box' %>">
<div class="content-body"> <div class="content-body">
<%= yield %> <%= yield %>
</div> </div>

Write Preview
Loading…
Cancel
Save