server-page: Responsive tweaks for divider.

release: 🎉 new-release v1.9.0.
org-settings-page: UI fixes and tweaks for the org-settings page.
2025-10-28 02:23:37 +00:00 · 2018-03-23 12:18:44 +05:30 · 2018-03-23 03:59:56 +05:30 · 2018-03-23 03:45:50 +05:30 · 2018-03-23 01:36:43 +05:30
4 changed files with 22 additions and 6 deletions
--- a/app/package.json
+++ b/app/package.json
@@ -1,7 +1,7 @@
 {
  "name": "zulip",
  "productName": "Zulip",
-  "version": "1.8.2",
+  "version": "1.9.0",
  "description": "Zulip Desktop App",
  "license": "Apache-2.0",
  "copyright": "Kandra Labs, Inc.",
--- a/app/renderer/css/preference.css
+++ b/app/renderer/css/preference.css
@@ -199,7 +199,11 @@ img.server-info-icon {

 .server-info-right {
    margin-top: 4px;
-    min-width: 55%;
+    width: 55%;
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    flex-grow: 1;
 }

 .server-info-row {
@@ -215,7 +219,9 @@ img.server-info-icon {
 }

 .server-url {
-    min-width: 60%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }

 .server-info-alias {
@@ -305,7 +311,6 @@ img.server-info-icon {
 }

 .settings-card:hover {
-    border-left: 8px solid #bcbcbc;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 0px 0px rgba(0, 0, 0, 0.12);
 }

@@ -588,4 +593,15 @@ input.toggle-round:checked+label:after {
    #new-server-container {
        padding-left: 0px;
    }
+}
+
+@media (max-width: 600px) {
+    .divider {
+        margin-left: 4%;
+    }
+    .divider hr {
+        margin-left: 2px;
+        margin-right: 2px;
+        width: 40%;
+    }
 }
--- a/app/renderer/js/pages/preference/server-info-form.js
+++ b/app/renderer/js/pages/preference/server-info-form.js
@@ -23,7 +23,7 @@ class ServerInfoForm extends BaseComponent {
 				</div>
 				<div class="server-info-right">
 					<div class="server-info-row server-url">
-						<span class="server-url-info">${this.props.server.url}</span>
+						<span class="server-url-info" title="${this.props.server.url}">${this.props.server.url}</span>
 					</div>
 					<div class="server-info-row">
 						<div class="action red server-delete-action">
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "zulip",
  "productName": "Zulip",
-  "version": "1.8.2",
+  "version": "1.9.0",
  "main": "./app/main",
  "description": "Zulip Desktop App",
  "license": "Apache-2.0",
Author	SHA1	Message	Date
Akash Nimare	b80c3d007b	server-page: Responsive tweaks for divider.	2018-03-23 12:18:44 +05:30
Akash Nimare	70fb198a0b	release: 🎉 new-release v1.9.0.	2018-03-23 03:59:56 +05:30
Abhigyan Khaund	7276bfeaa7	org-settings-page: UI fixes and tweaks for the org-settings page. Fixes: * Move "Disconnect" button to be at the far right. * Ellipsis text-overflow for server-url. * Show server url as title tooltip on hover. * Remove settings-card's right transition on hover. Improves: #456.	2018-03-23 03:45:50 +05:30
Akash Nimare	abd71330ba	setting-page: Minor UI fixes for add new server page. Minor fixes - * Update link to create a new organization. * Update placeholder text for demo zulip server. * Remove border from connect button. * Add overflow for smaller window. * Fix a typo in background color. * Use buttons for server actions. * Make new server page responsive. * Focus buttons on tab. * Update styling of button. * Make add new server page responsive. Fixes: #457.	2018-03-23 01:36:43 +05:30