From 6e64f9af54c6af4fd93afb4d7d7a1594bfb55913 Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Sun, 1 Mar 2015 15:22:23 +0100 Subject: first pile of work on settings --- view/css/bootstrap-red.css | 4 ++ view/css/mod_settings.css | 15 ++--- view/theme/redbasic/css/style.css | 114 +++++-------------------------------- view/tpl/field_checkbox.tpl | 8 ++- view/tpl/field_colorinput.tpl | 8 +-- view/tpl/field_custom.tpl | 6 +- view/tpl/field_input.tpl | 10 ++-- view/tpl/field_intcheckbox.tpl | 8 ++- view/tpl/field_password.tpl | 8 +-- view/tpl/field_select.tpl | 8 +-- view/tpl/field_select_disabled.tpl | 8 +-- view/tpl/field_select_grouped.tpl | 6 +- view/tpl/field_select_raw.tpl | 8 +-- view/tpl/field_textarea.tpl | 8 +-- view/tpl/field_themeselect.tpl | 6 +- view/tpl/group_selection.tpl | 4 +- view/tpl/settings.tpl | 10 +++- view/tpl/settings_nick_set.tpl | 2 +- 18 files changed, 80 insertions(+), 161 deletions(-) diff --git a/view/css/bootstrap-red.css b/view/css/bootstrap-red.css index a645b13d2..cb26910b0 100644 --- a/view/css/bootstrap-red.css +++ b/view/css/bootstrap-red.css @@ -68,6 +68,10 @@ code { white-space: normal; } +.form-control { + font-size: unset; +} + /* Bootstrap assumes that checkboxes are on the left of labels, while it's usually the opposite in Red */ .field.checkbox input[type="checkbox"] { margin-left: 0px; } .field.checkbox label { padding-left: 0px; font-weight: 700} diff --git a/view/css/mod_settings.css b/view/css/mod_settings.css index ee06e3dd7..58e13b54f 100644 --- a/view/css/mod_settings.css +++ b/view/css/mod_settings.css @@ -24,14 +24,6 @@ ul#settings-privacy-macros { margin-top: 15px; } -#settings-permissions-wrapper .field { - margin-bottom: 10px; -} - -#settings-permissions-wrapper .field > label { - width: 40%; -} - .settings-submit-wrapper { margin-bottom: 10px; } @@ -41,9 +33,6 @@ ul#settings-privacy-macros { margin-bottom: 45px; } -#settings-notifications .field > label { - width: 40%; -} #settings-notify-desc, #settings-activity-desc, #settings-vnotify-desc { font-weight: bold; margin-bottom: 15px; @@ -77,3 +66,7 @@ ul#settings-privacy-macros { #settings-dspr-wrapper { margin-top: 15px; } + +.group { + margin-left: 20px; +} diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 45fcda2ca..95a5d6fc1 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -183,17 +183,6 @@ header { padding: 10px; } -.info-message { - font-size: 1.1em; - border: 1px solid #444; - background-color: $infomess_bgcolour; - padding: 10px; - -moz-border-radius: $radiuspx; - border-radius: $radiuspx; - -} - - nav #banner #logo-text a { font-size: 40px; font-weight: bold; @@ -371,18 +360,6 @@ footer { font-weight: bold; } -#profile-edit-wrapper .field { - margin-top: 20px; -} -#profile-edit-wrapper .field > label { - width: 175px; -} - -#profile-edit-wrapper .field input[type="text"] { - width: 220px; -} - - #profile-edit-links { max-width: $converse_width; padding-top: 15px; @@ -1258,71 +1235,6 @@ nav .acpopup { } -/** - * Form fields - */ -.field { - margin-bottom: 10px; -/* padding-bottom: 10px; */ - overflow: auto; - width: 100% -} - -.field > label { - float: left; - width: 40%; -} - -.field input, -.field textarea { - width: 400px; -} -.field textarea { height: 100px; } -.field_help { - display: block; - margin-left: 40%; - color: #666666; - -} - -.field input[type="checkbox"] { - width: 16px; -} - -.field .onoff { - float: left; - width: 80px; - margin-right: 15px; -} -.field .onoff a { - display: block; - border:1px solid #666666; - background-image:url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 24px; - text-decoration: none; -} -.field .onoff .off { - border-color:#666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color:#204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.hidden { display: none!important; } - -.field.radio .field_help { margin-left: 0px; } -.field.checkbox .field_help { display: block; margin-left: 40%; } /** @@ -2402,9 +2314,8 @@ aside .nav > li > a:hover, aside .nav > li > a:focus { /* Turn checkboxes into switches */ -.field.checkbox .fieldhelp { vertical-align:top; } .field.checkbox > div { - position: relative; width: 70px; + position: relative; width: 50px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; display:inline-block; } @@ -2415,8 +2326,8 @@ aside .nav > li > a:hover, aside .nav > li > a:focus { .field.checkbox > div label { display: block; overflow: hidden; cursor: pointer; - border: 2px solid #999999; - border-radius: 20px; + border: 1px solid #ccc; + border-radius: 5px; margin:0px; } @@ -2433,31 +2344,32 @@ aside .nav > li > a:hover, aside .nav > li > a:focus { .onoffswitch-inner:before { content: attr(data-on); - padding-left: 10px; + padding-right: 21px; background-color: #EEEEEE; + text-align: right; } .onoffswitch-inner:after { content: attr(data-off); - padding-right: 10px; + padding-left: 21px; background-color: #EEEEEE; color: #999999; - text-align: right; + text-align: left; } .onoffswitch-switch { - display: block; width: 25px; margin-left: 6px; margin-right: 6px; margin-top:5%; margin-bottom:5%; + display: block; width: 15px; margin:4px; background: #A1A1A1; - border: 2px solid #999999; border-radius: 20px; - position: absolute; top: 0; bottom: 0; right: 36px; + border-radius: 10px; + position: absolute; top: 0; bottom: 0; right: 26px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .field.checkbox > div > input:checked + label .onoffswitch-inner { - margin-left: 0; + margin-left: 0px; } .field.checkbox > div > input:checked + label .onoffswitch-switch { - right: -2px; - background-color: #27A1CA; + right: 0px; + background-color: $link_colour; } diff --git a/view/tpl/field_checkbox.tpl b/view/tpl/field_checkbox.tpl index 7a2781be0..b6edd8288 100755 --- a/view/tpl/field_checkbox.tpl +++ b/view/tpl/field_checkbox.tpl @@ -1,4 +1,6 @@ -
- -
{{$field.3}} +
+ +
+ {{$field.3}}
+
diff --git a/view/tpl/field_colorinput.tpl b/view/tpl/field_colorinput.tpl index a1e912186..9b6f33462 100644 --- a/view/tpl/field_colorinput.tpl +++ b/view/tpl/field_colorinput.tpl @@ -1,6 +1,6 @@ -
- - {{if $field.4}} {{$field.4}} {{/if}} - {{$field.3}} +
+ + {{if $field.4}} {{$field.4}} {{/if}} + {{$field.3}}
diff --git a/view/tpl/field_custom.tpl b/view/tpl/field_custom.tpl index 754f5b2f4..907b4c50e 100755 --- a/view/tpl/field_custom.tpl +++ b/view/tpl/field_custom.tpl @@ -1,5 +1,5 @@ -
- +
+ {{$field.2}} - {{$field.3}} + {{$field.3}}
diff --git a/view/tpl/field_input.tpl b/view/tpl/field_input.tpl index be6e3f047..e4756c218 100755 --- a/view/tpl/field_input.tpl +++ b/view/tpl/field_input.tpl @@ -1,6 +1,6 @@ -
- - {{if $field.4}} {{$field.4}} {{/if}} - {{$field.3}} -
+
+ + {{if $field.4}} {{$field.4}} {{/if}} + {{$field.3}} +
diff --git a/view/tpl/field_intcheckbox.tpl b/view/tpl/field_intcheckbox.tpl index 847783518..565f97760 100755 --- a/view/tpl/field_intcheckbox.tpl +++ b/view/tpl/field_intcheckbox.tpl @@ -1,4 +1,6 @@ -
- -
{{$field.4}} +
+ +
+ {{$field.4}}
+
diff --git a/view/tpl/field_password.tpl b/view/tpl/field_password.tpl index 38ecf3d07..c9f4c5f6d 100755 --- a/view/tpl/field_password.tpl +++ b/view/tpl/field_password.tpl @@ -1,5 +1,5 @@ -
- - - {{$field.3}} +
+ + + {{$field.3}}
diff --git a/view/tpl/field_select.tpl b/view/tpl/field_select.tpl index 95d1855d6..762447290 100755 --- a/view/tpl/field_select.tpl +++ b/view/tpl/field_select.tpl @@ -1,7 +1,7 @@ -
- - {{foreach $field.4 as $opt=>$val}}{{/foreach}} - {{$field.3}} + {{$field.3}}
diff --git a/view/tpl/field_select_disabled.tpl b/view/tpl/field_select_disabled.tpl index e241be895..ee5e1508f 100644 --- a/view/tpl/field_select_disabled.tpl +++ b/view/tpl/field_select_disabled.tpl @@ -1,7 +1,7 @@ -
- - {{foreach $field.4 as $opt=>$val}}{{/foreach}} - {{$field.3}} + {{$field.3}}
diff --git a/view/tpl/field_select_grouped.tpl b/view/tpl/field_select_grouped.tpl index c7fb4f322..e6d1479de 100644 --- a/view/tpl/field_select_grouped.tpl +++ b/view/tpl/field_select_grouped.tpl @@ -1,6 +1,6 @@ -
+
- {{foreach $field.4 as $group=>$opts}} {{foreach $opts as $opt=>$val}} @@ -8,5 +8,5 @@ {{/foreach}} - {{$field.3}} + {{$field.3}}
diff --git a/view/tpl/field_select_raw.tpl b/view/tpl/field_select_raw.tpl index 74d575bd0..2780df58c 100755 --- a/view/tpl/field_select_raw.tpl +++ b/view/tpl/field_select_raw.tpl @@ -1,7 +1,7 @@ -
- - {{$field.4}} - {{$field.3}} + {{$field.3}}
diff --git a/view/tpl/field_textarea.tpl b/view/tpl/field_textarea.tpl index dad89a145..01fdc23f5 100755 --- a/view/tpl/field_textarea.tpl +++ b/view/tpl/field_textarea.tpl @@ -1,5 +1,5 @@ -
- - - {{$field.3}} +
+ + + {{$field.3}}
diff --git a/view/tpl/field_themeselect.tpl b/view/tpl/field_themeselect.tpl index 120727478..200cf726b 100755 --- a/view/tpl/field_themeselect.tpl +++ b/view/tpl/field_themeselect.tpl @@ -1,7 +1,7 @@ -
- - {{foreach $field.4 as $opt=>$val}}{{/foreach}} {{$field.3}} diff --git a/view/tpl/group_selection.tpl b/view/tpl/group_selection.tpl index 2223125ea..270d2aa79 100755 --- a/view/tpl/group_selection.tpl +++ b/view/tpl/group_selection.tpl @@ -1,6 +1,6 @@ -
+
- {{foreach $groups as $group}} {{/foreach}} diff --git a/view/tpl/settings.tpl b/view/tpl/settings.tpl index 894f0fe83..b41bf87b9 100755 --- a/view/tpl/settings.tpl +++ b/view/tpl/settings.tpl @@ -1,5 +1,8 @@ -
-

{{$ptitle}}

+
+
+

{{$ptitle}}

+
+
{{$nickname_block}} @@ -78,10 +81,12 @@
{{$activity_options}}
+
{{*not yet implemented *}} {{*include file="field_checkbox.tpl" field=$post_joingroup*}} {{include file="field_checkbox.tpl" field=$post_newfriend}} {{include file="field_checkbox.tpl" field=$post_profilechange}} +
{{$lbl_not}}
@@ -150,3 +155,4 @@
+
diff --git a/view/tpl/settings_nick_set.tpl b/view/tpl/settings_nick_set.tpl index ae11c00c8..5d9f17e9e 100755 --- a/view/tpl/settings_nick_set.tpl +++ b/view/tpl/settings_nick_set.tpl @@ -1,4 +1,4 @@
-
{{$desc}} '{{$nickname}}@{{$basepath}}'{{$subdir}}
+
-- cgit v1.2.3