Bläddra i källkod

Don't use 100vh, it doesn't work properly on mobile

JC Brand 4 år sedan
förälder
incheckning
739fc25092
4 ändrade filer med 42 tillägg och 22 borttagningar
  1. 3 3
      sass/_chatbox.scss
  2. 2 2
      sass/_chatrooms.scss
  3. 2 2
      sass/_controlbox.scss
  4. 35 15
      webpack.html

+ 3 - 3
sass/_chatbox.scss

@@ -150,12 +150,12 @@
             @media screen and (max-height: $mobile-landscape-height) {
                 height: var(--mobile-chat-height);
                 width: var(--mobile-chat-width);
-                height: 100vh;
+                height: var(--fullpage-chat-height);
             }
             @media screen and (max-width: $mobile-portrait-length) {
                 height: var(--mobile-chat-height);
                 width: var(--mobile-chat-width);
-                height: 100vh;
+                height: var(--fullpage-chat-height);
             }
         }
         .chat-title {
@@ -605,7 +605,7 @@
                 .box-flyout {
                     left: 50px;
                     bottom: 0;
-                    height: 100vh;
+                    height: var(--fullpage-chat-height);
                     box-shadow: none;
                 }
             }

+ 2 - 2
sass/_chatrooms.scss

@@ -124,12 +124,12 @@
             @media screen and (max-height: $mobile-landscape-height) {
                 height: var(--mobile-chat-height);
                 width: var(--mobile-chat-width);
-                height: 100vh;
+                height: var(--fullpage-chat-height);
             }
             @media screen and (max-width: $mobile-portrait-length) {
                 height: var(--mobile-chat-height);
                 width: var(--mobile-chat-width);
-                height: 100vh;
+                height: var(--fullpage-chat-height);
             }
             .chatroom-body {
                 flex-direction: row;

+ 2 - 2
sass/_controlbox.scss

@@ -593,7 +593,7 @@
                     bottom: 0;
                     border-radius: 0;
                     width: 100vw !important;
-                    height: 100vh !important;
+                    height: var(--fullpage-chat-height);
                 }
             }
 
@@ -601,7 +601,7 @@
                 width: 100vw !important;
                 .box-flyout {
                     width: 100vw !important;
-                    height: 100vh !important;
+                    height: var(--fullpage-chat-height);
                     margin-right: -15px;
                 }
                 .sidebar {

+ 35 - 15
webpack.html

@@ -20,23 +20,43 @@
         }
     });
     converse.initialize({
-        theme: 'concord',
-        show_send_button: true,
-        auto_away: 300,
-        auto_register_muc_nickname: true,
+        allow_bookmarks: false,
+        allow_muc_invitations: true,
+        allow_registration: false,
+        assets_path: 'https://ietf.goxmpp.com/chat/dist/',
+        authentication: 'anonymous',
+        auto_join_rooms: [{'jid': 'hallway@jabber.ietf.org', 'hidden': false}],
+        auto_login: true,
+        auto_reconnect: true,
+        blacklisted_plugins: ['converse-vcard', 'converse-profile'],
+        bosh_service_url: 'https://ietf.goxmpp.com/http-bind',
+        default_domain: 'guest.ietf.goxmpp.com',
+        discover_connection_methods: false,
+        domain_placeholder: 'guest.ietf.goxmpp.com',
+        jid: 'guest.ietf.goxmpp.com',
+        locked_muc_domain: true,
         loglevel: 'debug',
-        modtools_disable_assign: ['owner', 'moderator', 'participant', 'visitor'],
-        modtools_disable_query: ['moderator', 'participant', 'visitor'],
-        enable_smacks: true,
-        // connection_options: { 'worker': '/dist/shared-connection-worker.js' },
-        message_archiving: 'always',
-        muc_domain: 'conference.chat.example.org',
-        muc_respect_autojoin: true,
+        muc_domain: 'jabber.ietf.org',
+        singleton: false,
+        use_emojione: false,
         view_mode: 'fullscreen',
-        websocket_url: 'ws://chat.example.org:5380/xmpp-websocket',
-        // bosh_service_url: 'http://chat.example.org:5280/http-bind',
-        muc_show_logs_before_join: true,
-        whitelisted_plugins: ['converse-debug', 'converse-batched-probe'],
+        // theme: 'concord',
+        // show_send_button: true,
+        // auto_away: 300,
+        // auto_register_muc_nickname: true,
+        // loglevel: 'debug',
+        // modtools_disable_assign: ['owner', 'moderator', 'participant', 'visitor'],
+        // modtools_disable_query: ['moderator', 'participant', 'visitor'],
+        // enable_smacks: true,
+        // // connection_options: { 'worker': '/dist/shared-connection-worker.js' },
+        // message_archiving: 'always',
+        // muc_domain: 'conference.chat.example.org',
+        // muc_respect_autojoin: true,
+        // view_mode: 'fullscreen',
+        // websocket_url: 'ws://chat.example.org:5380/xmpp-websocket',
+        // // bosh_service_url: 'http://chat.example.org:5280/http-bind',
+        // muc_show_logs_before_join: true,
+        // whitelisted_plugins: ['converse-debug', 'converse-batched-probe'],
     });
 </script>
 </html>