paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 05:53:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

components: Add a new settings page checkbox.

Browse Source 
This allows us to style checkboxes to be transparent boxes with green
borders.
This commit is contained in:
Brock Whittaker
2016-10-31 15:29:58 -07:00
committed by Tim Abbott
parent 0e3332d86e
commit 7fd15984fc
2 changed files with 51 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
static/styles/components.css
View File

@@ -147,3 +147,53 @@
color: #CCC; color: #CCC;
border-color: #DDD; border-color: #DDD;
} }
.new-style label.checkbox {
padding: 0px;
display: inline-block;
vertical-align: top;
}
.new-style label.checkbox input[type=checkbox] {
display: none;
}
.new-style label.checkbox + label {
width: calc(100% - 40px);
}
.new-style label.checkbox input[type=checkbox] ~ span {
display: inline-block;
vertical-align: middle;
position: relative;
top: -2px;
padding: 1px;
margin: 0px 10px 0px 0px;
height: 16px;
width: 16px;
font-weight: 300;
line-height: 0.8;
font-size: 1.3rem;
text-align: center;
border: 2px solid #24cac2;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
.new-style label.checkbox input[type=checkbox]:checked ~ span {
color: transparent;
background-image: url(/static/images/checkbox-green.png);
background-size: 85%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.new-style a.no-style {
color: inherit;
}

2
static/templates/settings_tab.handlebars
View File

@@ -1,6 +1,6 @@
<h1><i class="icon-vector-wrench settings-icon"></i>{{t "Settings" }}</h1> <h1><i class="icon-vector-wrench settings-icon"></i>{{t "Settings" }}</h1>
<div id="settings-change-box"> <div id="settings-change-box" class="new-style">
<div class="alert" id="settings-status"></div> <div class="alert" id="settings-status"></div>