add default css classes for material theme

Author: unverbuggt

encryptcontent/decrypt-contents.tpl.js

@@ -450,9 +450,9 @@ async function digestSHA256toBase64(message) {
     var username_input = document.getElementById('mkdocs-content-user');
     var password_input = document.getElementById('mkdocs-content-password');
     // adjust password field width to placeholder length
-    if (password_input.hasAttribute('placeholder')) {
-        password_input.setAttribute('size', password_input.getAttribute('placeholder').length);
-    }
+    //if (password_input.hasAttribute('placeholder')) {
+    //    password_input.setAttribute('size', password_input.getAttribute('placeholder').length);
+    //}
     var encrypted_content = document.getElementById('mkdocs-encrypted-content');
     var decrypted_content = document.getElementById('mkdocs-decrypted-content');
     let content_decrypted;

encryptcontent/decrypt-form.tpl.html

@@ -1,6 +1,6 @@
 <div id="mkdocs-encrypted-content" style="display:none">{{ ciphertext_bundle }}</div>
 <div id="mkdocs-decrypted-content">
-    <form id="mkdocs-decrypt-form">
+    <form id="mkdocs-decrypt-form"{% if form_class %} class="{{ form_class }}"{% endif %}>
         <h1>{{ summary }}</h1>
         {% if encryption_info_message %}<p>{{ encryption_info_message }}</p>{% endif %}
         {%- if obfuscate %}
@@ -22,8 +22,8 @@ <h1>{{ summary }}</h1>
 var decryption_failure_message = {{ decryption_failure_message }};
 var encryptcontent_keystore = {{ encryptcontent_keystore }};
 var encryptcontent_obfuscate = {{ obfuscate }};
-{%- if inject_something %}var inject_something = {{ inject_something }};{% endif %}
-{%- if delete_something %}var delete_something = "{{ delete_something }}";{% endif %}
+{% if inject_something %}var inject_something = {{ inject_something }};{% endif -%}
+{% if delete_something %}var delete_something = "{{ delete_something }}";{%- endif %}
 </script>
 {% for library in js_libraries %}
 <script type="text/javascript" src="{{ library }}"></script>

encryptcontent/plugin.py

@@ -67,6 +67,7 @@ class encryptContentPlugin(BasePlugin):
         ('encryption_info_message', config_options.Type(string_types, default=str(SETTINGS['encryption_info_message']))),
         ('password_button_text', config_options.Type(string_types, default=str(SETTINGS['password_button_text']))),
         ('password_button', config_options.Type(bool, default=False)),
+        ('form_class', config_options.Type(string_types, default=None)),
         ('input_class', config_options.Type(string_types, default=None)),
         ('button_class', config_options.Type(string_types, default=None)),
         # password feature
@@ -271,6 +272,7 @@ def __encrypt_content__(self, content, base_path, encryptcontent_path, encryptco
             'password_button_text': encryptcontent['password_button_text'],
             'encryption_info_message': encryptcontent['encryption_info_message'],
             'decryption_failure_message': json.dumps(encryptcontent['decryption_failure_message']),
+            'form_class': self.config['form_class'],
             'input_class': self.config['input_class'],
             'button_class': self.config['button_class'],
             'uname': uname,
@@ -436,7 +438,16 @@ def on_config(self, config, **kwargs):
         # Enable experimental code .. :popcorn:
         if self.config['search_index'] == 'dynamically':
             logger.info("EXPERIMENTAL search index encryption enabled.")
-        
+
+        # set default classes in html template
+        if config['theme'].name == 'material':
+            if not self.config['form_class']:
+                self.config['form_class'] = 'md-content__inner md-typeset'
+            if not self.config['input_class']:
+                self.config['input_class'] = 'md-input'
+            if not self.config['button_class']:
+                self.config['button_class'] = 'md-button md-button--primary'
+
         # Get path to site in case of subdir in site_url
         self.setup['site_path'] = urlsplit(config.data["site_url"] or '/').path[1::]