paulmataruso/zulip-desktop
1
0
Fork 0
mirror of https://github.com/zulip/zulip-desktop.git synced 2025-11-02 04:53:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Prompt UI + placeholder Updated

Browse Source
This commit is contained in:
akashnimare
2016-06-28 16:04:01 +05:30
parent 4d38483e71
commit e87e269f2a
3 changed files with 75 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/renderer/index.html
View File

@@ -2,21 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
.dialog-widget.background {
background: #6BB6C7 !important;
}
.dialog-widget .title {
font-size: 18px !important;
}
.dialog-widget input {
font-size:14px !important;
font-family: monospace !important;
}
.dialog-widget.alert, .dialog-widget.confirm, .dialog-widget.prompt {
padding:15px 15px 20px 15px !important;
}
</style>
<link rel="stylesheet" href="main.css">
</head>
<body>
<script src="main.js"></script>

77
app/renderer/main.css
View File

@@ -1,28 +1,61 @@
body {
background: #6BB6C7;
.dialog-widget.background {
background: #6BB6C7 !important;
}
.about {
margin-top: 50px;
.dialog-widget .title {
font-size: 18px !important;
font-family: Tahoma, Arial, sans-serif !important;
}
.left {
position: absolute;
top:89%;
left:76%;
.dialog-widget input {
font-size: 14px !important;
font-family: monospace !important;
}
.about p {
font-size: 20px;
color: rgba(0, 0, 0, 0.62);
.dialog-widget.prompt {
padding: 15px 15px 20px 15px !important;
}
.about img {
width:160px;
.cancel {
display: none !important;
}
.detail {
text-align: left;
margin-left: 35%;
.dialog-widget .ok {
margin-left: 20% !important;
}
.dialog-widget .ok,
.dialog-widget .cancel {
color: #ffffff !important;
padding: 16px !important;
width: 167px !important;
font-size: 13px !important;
background-color: #458C9C !important;
}
.dialog-widget input {
padding: 8px !important;
border: solid 1px #ccc;
margin: 15px 5px 5px 5px !important;
width: 271px !important;
height: 30px !important;
font-size: 15px !important;
}
.dialog-widget .title {
font-size: 19px !important;
font-family: Tahoma, Arial, sans-serif !important;
padding-bottom: 5px !important;
}
.dialog-widget.prompt {
position: fixed;
left: calc(50% - 160px);
width: 300px !important;
top: calc(50% - 115px);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
color: black;
padding: 15px 10px 15px 10px !important;
}
.dialog-widget.prompt {
padding: 20px 25px 20px 25px !important;
}
.dialog-widget .divider {
border-top: none !important;
padding: 0;
margin-top: 25px !important;
}
button {
cursor: pointer !important;
}

36
app/renderer/main.js
View File

@@ -1,19 +1,21 @@
window.onload = function getURL () {
window.onload = function getURL() {
var shell = require('electron').shell;
var JsonDB = require('node-json-db');
var db = new JsonDB("domain", true, true);
var data = db.getData("/");
var shell = require('electron').shell;
var JsonDB = require('node-json-db');
var db = new JsonDB("domain", true, true);
var data = db.getData("/");
if (data["domain"] !== undefined) {
window.location.href = data["domain"];
}
else {
var dialogs = require('dialogs')()
dialogs.prompt('Add your Zulip Domain', function (ok) {
db.push("/domain", ok);
console.log(db);
window.location.href = ok;
})
}
}
if (data["domain"] !== undefined) {
window.location.href = 'https://' + data["domain"];
} else {
var dialogs = require('dialogs')()
dialogs.prompt('Enter the URL for your Zulip server', function(ok) {
db.push("/domain", ok);
console.log(db);
window.location.href = 'https://' + ok;
})
}
var addPlaceHolder = document.getElementsByTagName('input')[0];
addPlaceHolder.setAttribute('placeholder', 'zulip.example.com');
}