Fix checkbox styling (bigbluebutton#547)

ruess · May 22, 2019 · c3d1ce3 · c3d1ce3
1 parent f7fef92
commit c3d1ce3
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/app/assets/stylesheets/admins.scss b/app/assets/stylesheets/admins.scss
@@ -38,3 +38,7 @@
 #branding-image{
   z-index: auto;
 }
+
+.authentication-required{
+  padding-top: 2px;
+}
diff --git a/app/assets/stylesheets/utilities/_primary_themes.scss b/app/assets/stylesheets/utilities/_primary_themes.scss
@@ -29,6 +29,12 @@
   box-shadow: 0 0 0 2px $primary-color-lighten !important;
 }
 
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
+  background-color: $primary-color !important;
+  border-color: $primary-color !important;
+  color: white !important;
+}
+
 a {
   color: $primary-color !important;
 }

diff --git a/app/views/shared/admin_settings/_site_settings.html.erb b/app/views/shared/admin_settings/_site_settings.html.erb
@@ -35,7 +35,7 @@
         <div class="row gutters-xs">
           <label class="custom-control custom-checkbox ml-1">
             <%= check_box_tag "room_authentication", '', room_authentication_required, class: 'custom-control-input', onchange: "changeRoomAuthentication(this.checked, '#{admin_room_authentication_path}')"%>
-            <span class="custom-control-label text-muted pt-1"><%= t("administrator.site_settings.authentication.info") %></span>
+            <span class="custom-control-label text-muted authentication-required"><%= t("administrator.site_settings.authentication.info") %></span>
           </label>
         </div>
       </div>