hyperzlib
/
nodebb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mobile tweaks for settings pages

Browse Source
v1.18.x
psychobunny 10 years ago
parent fdb3046224
commit eb49898a9c
18 changed files with 80 additions and 77 deletions
Show Stats Download Patch File Download Diff File

5
public/less/admin/mobile.less
Unescape Escape View File

@ -15,5 +15,8 @@
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.content-header, .settings-header {
font-size: 200%;
margin-bottom: 20px;
}
} }

2
src/views/admin/general/homepage.tpl
Unescape Escape View File

@ -1,6 +1,6 @@
<div class="row"> <div class="row">
<div class="col-xs-2">Home Page</div> <div class="col-xs-2">Home Page</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<p> <p>
Choose what page is shown when users navigate to the root URL of your forum. Choose what page is shown when users navigate to the root URL of your forum.
</p> </p>

2
src/views/admin/general/languages.tpl
Unescape Escape View File

@ -1,7 +1,7 @@
<div class="languages"> <div class="languages">
<div class="row"> <div class="row">
<div class="col-xs-2">Language Settings</div> <div class="col-xs-2">Language Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<p> <p>
The default language determines the language settings for all users who The default language determines the language settings for all users who
are visiting your forum. <br /> are visiting your forum. <br />

4
src/views/admin/general/sounds.tpl
Unescape Escape View File

@ -2,7 +2,7 @@
<form role="form"> <form role="form">
<div class="row"> <div class="row">
<div class="col-xs-2">Notifications</div> <div class="col-xs-2">Notifications</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<label for="notification">Notifications</label> <label for="notification">Notifications</label>
<div class="row"> <div class="row">
<div class="form-group col-xs-9"> <div class="form-group col-xs-9">
@ -22,7 +22,7 @@
<div class="row"> <div class="row">
<div class="col-xs-2">Chat Messages</div> <div class="col-xs-2">Chat Messages</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<label for="chat-incoming">Incoming Message</label> <label for="chat-incoming">Incoming Message</label>
<div class="row"> <div class="row">
<div class="form-group col-xs-9"> <div class="form-group col-xs-9">

8
src/views/admin/settings/advanced.tpl
Unescape Escape View File

@ -1,8 +1,8 @@
<!-- IMPORT admin/settings/header.tpl --> <!-- IMPORT admin/settings/header.tpl -->
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Maintenance Mode</div> <div class="col-sm-2 col-xs-12 settings-header">Maintenance Mode</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
@ -23,8 +23,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Domain Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Domain Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="form-group"> <div class="form-group">
<label for="allow-from-uri">Set ALLOW-FROM to Place NodeBB in an iFrame:</label> <label for="allow-from-uri">Set ALLOW-FROM to Place NodeBB in an iFrame:</label>

8
src/views/admin/settings/email.tpl
Unescape Escape View File

@ -1,8 +1,8 @@
<!-- IMPORT admin/settings/header.tpl --> <!-- IMPORT admin/settings/header.tpl -->
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Email Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Email Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<p> <p>
Please ensure that you have installed a third-party emailer (e.g. PostageApp, Mailgun, Mandrill, SendGrid, etc), otherwise emails will not be sent by NodeBB Please ensure that you have installed a third-party emailer (e.g. PostageApp, Mailgun, Mandrill, SendGrid, etc), otherwise emails will not be sent by NodeBB
@ -30,8 +30,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Email Subscriptions</div> <div class="col-sm-2 col-xs-12 settings-header">Email Subscriptions</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="checkbox"> <div class="checkbox">
<label for="disableEmailSubscriptions" class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label for="disableEmailSubscriptions" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">

16
src/views/admin/settings/general.tpl
Unescape Escape View File

@ -1,10 +1,10 @@
<!-- IMPORT admin/settings/header.tpl --> <!-- IMPORT admin/settings/header.tpl -->
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header"> <div class="col-sm-2 col-xs-12 settings-header">
Site Settings Site Settings
</div> </div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<label>Site Title</label> <label>Site Title</label>
<input class="form-control" type="text" placeholder="Your Community Name" data-field="title" /> <input class="form-control" type="text" placeholder="Your Community Name" data-field="title" />
@ -32,8 +32,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Site Logo</div> <div class="col-sm-2 col-xs-12 settings-header">Site Logo</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<div class="form-group"> <div class="form-group">
<label for="logoUrl">Image</label> <label for="logoUrl">Image</label>
<div class="input-group"> <div class="input-group">
@ -58,10 +58,10 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header"> <div class="col-sm-2 col-xs-12 settings-header">
Favicon Favicon
</div> </div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<div class="form-group"> <div class="form-group">
<div class="input-group"> <div class="input-group">
<input id="faviconUrl" type="text" class="form-control" placeholder="favicon.ico" data-field="brand:favicon" data-action="upload" data-target="faviconUrl" data-route="{config.relative_path}/api/admin/uploadfavicon" readonly /> <input id="faviconUrl" type="text" class="form-control" placeholder="favicon.ico" data-field="brand:favicon" data-action="upload" data-target="faviconUrl" data-route="{config.relative_path}/api/admin/uploadfavicon" readonly />
@ -74,8 +74,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Miscellaneous</div> <div class="col-sm-2 col-xs-12 settings-header">Miscellaneous</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">

4
src/views/admin/settings/group.tpl
Unescape Escape View File

@ -1,8 +1,8 @@
<!-- IMPORT admin/settings/header.tpl --> <!-- IMPORT admin/settings/header.tpl -->
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">General</div> <div class="col-sm-2 col-xs-12 settings-header">General</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form role="form"> <form role="form">
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">

8
src/views/admin/settings/guest.tpl
Unescape Escape View File

@ -1,8 +1,8 @@
<!-- IMPORT admin/settings/header.tpl --> <!-- IMPORT admin/settings/header.tpl -->
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Guest Handles</div> <div class="col-sm-2 col-xs-12 settings-header">Guest Handles</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form role="form"> <form role="form">
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
@ -20,8 +20,8 @@
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Guest Privileges</div> <div class="col-sm-2 col-xs-12 settings-header">Guest Privileges</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form role="form"> <form role="form">
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">

4
src/views/admin/settings/header.tpl
Unescape Escape View File

@ -1,9 +1,9 @@
<div class="settings"> <div class="settings">
<div class="row"> <div class="row">
<div class="col-xs-2"> <div class="col-sm-2 col-xs-12 content-header">
Contents Contents
</div> </div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<nav class="section-content"> <nav class="section-content">
<ul></ul> <ul></ul>
</nav> </nav>

4
src/views/admin/settings/notifications.tpl
Unescape Escape View File

@ -1,8 +1,8 @@
<!-- IMPORT admin/settings/header.tpl --> <!-- IMPORT admin/settings/header.tpl -->
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Notifications</div> <div class="col-sm-2 col-xs-12 settings-header">Notifications</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<strong>Welcome Notification</strong><br /> <textarea class="form-control" data-field="welcomeNotification"></textarea><br /> <strong>Welcome Notification</strong><br /> <textarea class="form-control" data-field="welcomeNotification"></textarea><br />
<strong>Welcome Notification Link</strong><br /> <input type="text" class="form-control" data-field="welcomeLink"><br /> <strong>Welcome Notification Link</strong><br /> <input type="text" class="form-control" data-field="welcomeLink"><br />

12
src/views/admin/settings/pagination.tpl
Unescape Escape View File

@ -1,8 +1,8 @@
<!-- IMPORT admin/settings/header.tpl --> <!-- IMPORT admin/settings/header.tpl -->
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Pagination Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Pagination Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
@ -15,8 +15,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Topic Pagination</div> <div class="col-sm-2 col-xs-12 settings-header">Topic Pagination</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<strong>Posts per Page</strong><br /> <input type="text" class="form-control" value="20" data-field="postsPerPage"> <strong>Posts per Page</strong><br /> <input type="text" class="form-control" value="20" data-field="postsPerPage">
</form> </form>
@ -24,8 +24,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Category Pagination</div> <div class="col-sm-2 col-xs-12 settings-header">Category Pagination</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<strong>Topics per Page</strong><br /> <input type="text" class="form-control" value="20" data-field="topicsPerPage"><br /> <strong>Topics per Page</strong><br /> <input type="text" class="form-control" value="20" data-field="topicsPerPage"><br />
<strong>Initial Number of Topics to Load on Unread, Recent, and Popular</strong><br /> <input type="text" class="form-control" value="20" data-field="topicsPerList"> <strong>Initial Number of Topics to Load on Unread, Recent, and Popular</strong><br /> <input type="text" class="form-control" value="20" data-field="topicsPerList">

32
src/views/admin/settings/post.tpl
Unescape Escape View File

@ -1,8 +1,8 @@
<!-- IMPORT admin/settings/header.tpl --> <!-- IMPORT admin/settings/header.tpl -->
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Post Sorting</div> <div class="col-sm-2 col-xs-12 settings-header">Post Sorting</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="form-group"> <div class="form-group">
<label>Default Post Sorting</label> <label>Default Post Sorting</label>
@ -25,8 +25,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Posting Restrictions</div> <div class="col-sm-2 col-xs-12 settings-header">Posting Restrictions</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="form-group"> <div class="form-group">
<label>Seconds between Posts</label> <label>Seconds between Posts</label>
@ -69,8 +69,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Teaser Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Teaser Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="form-group"> <div class="form-group">
<label>Teaser Post</label> <label>Teaser Post</label>
@ -85,8 +85,8 @@
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Signature Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Signature Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
@ -115,8 +115,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Chat Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Chat Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<strong>Chat Message Inbox Size</strong><br /> <input type="text" class="form-control" value="250" data-field="chatMessageInboxSize"> <strong>Chat Message Inbox Size</strong><br /> <input type="text" class="form-control" value="250" data-field="chatMessageInboxSize">
</form> </form>
@ -124,8 +124,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Upload Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Upload Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
@ -156,8 +156,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Composer Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Composer Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<p> <p>
The following settings govern the functionality and/or appearance of the post composer shown The following settings govern the functionality and/or appearance of the post composer shown
@ -184,8 +184,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">IP Tracking</div> <div class="col-sm-2 col-xs-12 settings-header">IP Tracking</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">

8
src/views/admin/settings/reputation.tpl
Unescape Escape View File

@ -2,8 +2,8 @@
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Reputation Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Reputation Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
@ -23,8 +23,8 @@
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Activity Thresholds</div> <div class="col-sm-2 col-xs-12 settings-header">Activity Thresholds</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<strong>Minimum reputation to downvote posts</strong><br /> <input type="text" class="form-control" placeholder="0" data-field="privileges:downvote"><br /> <strong>Minimum reputation to downvote posts</strong><br /> <input type="text" class="form-control" placeholder="0" data-field="privileges:downvote"><br />
<strong>Minimum reputation to flag posts</strong><br /> <input type="text" class="form-control" placeholder="0" data-field="privileges:flag"><br /> <strong>Minimum reputation to flag posts</strong><br /> <input type="text" class="form-control" placeholder="0" data-field="privileges:flag"><br />

4
src/views/admin/settings/sockets.tpl
Unescape Escape View File

@ -1,8 +1,8 @@
<!-- IMPORT admin/settings/header.tpl --> <!-- IMPORT admin/settings/header.tpl -->
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Reconnection Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Reconnection Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="form-group"> <div class="form-group">
<label for="maxReconnectionAttempts">Max Reconnection Attempts</label> <label for="maxReconnectionAttempts">Max Reconnection Attempts</label>

4
src/views/admin/settings/tags.tpl
Unescape Escape View File

@ -1,8 +1,8 @@
<!-- IMPORT admin/settings/header.tpl --> <!-- IMPORT admin/settings/header.tpl -->
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Tag Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Tag Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">

24
src/views/admin/settings/user.tpl
Unescape Escape View File

@ -1,8 +1,8 @@
<!-- IMPORT admin/settings/header.tpl --> <!-- IMPORT admin/settings/header.tpl -->
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Authentication</div> <div class="col-sm-2 col-xs-12 settings-header">Authentication</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form role="form"> <form role="form">
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
@ -41,8 +41,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Account Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Account Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
@ -61,8 +61,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Avatars</div> <div class="col-sm-2 col-xs-12 settings-header">Avatars</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
@ -114,8 +114,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Account Protection</div> <div class="col-sm-2 col-xs-12 settings-header">Account Protection</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="form-group"> <div class="form-group">
<label for="loginAttempts">Login attempts per hour</label> <label for="loginAttempts">Login attempts per hour</label>
@ -141,8 +141,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">User Registration</div> <div class="col-sm-2 col-xs-12 settings-header">User Registration</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="form-group"> <div class="form-group">
<label>Minimum Username Length</label> <label>Minimum Username Length</label>
@ -169,8 +169,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">User Search</div> <div class="col-sm-2 col-xs-12 settings-header">User Search</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="form-group"> <div class="form-group">
<label>Number of results to display</label> <label>Number of results to display</label>

8
src/views/admin/settings/web-crawler.tpl
Unescape Escape View File

@ -1,8 +1,8 @@
<!-- IMPORT admin/settings/header.tpl --> <!-- IMPORT admin/settings/header.tpl -->
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Crawlability Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Crawlability Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<strong>Custom Robots.txt <small>Leave blank for default</small></strong><br /> <strong>Custom Robots.txt <small>Leave blank for default</small></strong><br />
<textarea class="form-control" data-field="robots.txt"></textarea> <textarea class="form-control" data-field="robots.txt"></textarea>
@ -11,8 +11,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header">Sitemap & Feed Settings</div> <div class="col-sm-2 col-xs-12 settings-header">Sitemap & Feed Settings</div>
<div class="col-xs-10"> <div class="col-sm-10 col-xs-12">
<form> <form>
<div class="checkbox"> <div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">

Write Preview
Loading…
Cancel
Save