Changeset 3408:6480db5950d2 for admin

Timestamp:

11/13/16 16:42:00 (9 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Add a user preference to change base font size (larger or smaller)

Location:

admin

Files:

• _charte.php (modified) (1 diff)
• js/common.js (modified) (1 diff)
• preferences.php (modified) (4 diffs)
• style/default.css (modified) (1 diff)
• style/scss/partials/_common.scss (modified) (1 diff)

admin/_charte.php

@@ -29 +29 @@
      <![endif]-->
      <link rel="stylesheet" href="style/default.css" type="text/css" media="screen" />
+     <?php
+          $core->auth->user_prefs->addWorkspace('interface');
+          if ($core->auth->user_prefs->interface->htmlfontsize) {
+               echo
+               '<script type="text/javascript">'."\n".
+               "//<![CDATA[\n".
+               dcPage::jsVar('dotclear_htmlFontSize',$core->auth->user_prefs->interface->htmlfontsize).
+               "\n//]]>\n".
+               "</script>\n";
+          }
+     ?>
      <script type="text/javascript" src="js/jquery/jquery.js"></script>
      <script type="text/javascript" src="js/jquery/jquery-ui.custom.js"></script>

admin/js/common.js

@@ +1 @@
+/* Set some CSS variables here
+-------------------------------------------------------- */
+// set base font-size of body (62.5% default, usually : 50% to 75%)
+if (typeof dotclear_htmlFontSize !== 'undefined') {
+     document.documentElement.style.setProperty('--html-font-size',dotclear_htmlFontSize);
+}
+
 /* ChainHandler, py Peter van der Beken
 -------------------------------------------------------- */

admin/preferences.php

@@ -43 +43 @@
 $user_ui_enhanceduploader = $core->auth->user_prefs->interface->enhanceduploader;
 $user_ui_hidemoreinfo = $core->auth->user_prefs->interface->hidemoreinfo;
+$user_ui_htmlfontsize = $core->auth->user_prefs->interface->htmlfontsize;
 if ($core->auth->isSuperAdmin()) {
      $user_ui_hide_std_favicon = $core->auth->user_prefs->interface->hide_std_favicon;
@@ -96 +97 @@
      }
 }
+
+# Base font size (50% = 8px, 62.5% = 10px, 75% = 12px)
+$htmlfontsize_combo = array(
+     __('Smaller') => '50%',
+     __('Default') => '62.5%',
+     __('Larger') => '75%'
+);
 
 # Language codes
@@ -231 +239 @@
           $core->auth->user_prefs->interface->put('enhanceduploader',!empty($_POST['user_ui_enhanceduploader']),'boolean');
           $core->auth->user_prefs->interface->put('hidemoreinfo',!empty($_POST['user_ui_hidemoreinfo']),'boolean');
+          $core->auth->user_prefs->interface->put('htmlfontsize',$_POST['user_ui_htmlfontsize'],'string');
           if ($core->auth->isSuperAdmin()) {
                # Applied to all users
@@ -505 +514 @@
 '<p><label for="user_ui_hidemoreinfo" class="classic">'.
 form::checkbox('user_ui_hidemoreinfo',1,$user_ui_hidemoreinfo).' '.
-__('Hide all secondary information and notes').'</label></p>';
+__('Hide all secondary information and notes').'</label></p>'.
+
+'<p><label for="user_ui_htmlfontsize">'.__('Font size:').'</label>'.
+form::combo('user_ui_htmlfontsize',$htmlfontsize_combo,$user_ui_htmlfontsize).'</p>';
 
 echo

admin/style/default.css

@@ -204 +204 @@
 --------------------------------------------------- */
 /* Typographie */
+:root {
+  --html-font-size: 62.5%; }
+
 html {
-  font-size: 62.5%; }
+  font-size: 62.5%;
+  font-size: var(--html-font-size); }
 
 body {

admin/style/scss/partials/_common.scss

@@ -1 +1 @@
 /* Typographie */
+
+:root{
+     // May be superseed by user pref (typically from 50% to 75%, default 62.5%)
+     --html-font-size: #{$html-font-size};
+}
 
 // base //
 html {
-     font-size: $html-font-size;
+     font-size: $html-font-size;             // html font-size for IE and Edge
+     font-size: var(--html-font-size);  // html font-size for modern browsers
 }
 body {