Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-09-22 00:06:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(onboarding): Make onboarding window taller, stopgap

Browse source
This commit is contained in:
Ben Gotow 2015-03-10 17:45:43 -07:00
parent 7d10a3a00d
commit 0c97de1bff
5 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
internal_packages/onboarding/lib/container-view.cjsx
View file

@ -46,6 +46,7 @@ ContainerView = React.createClass
render: ->
<ReactCSSTransitionGroup transitionName="page">
{@_pageComponent()}
<div class="dragRegion" style={"-webkit-app-region": "drag", position: 'absolute', top:0, left:0, right:0, height: 20, zIndex:100}></div>
</ReactCSSTransitionGroup>
_pageComponent: ->
@ -59,7 +60,7 @@ ContainerView = React.createClass
<div className="quit" onClick={@_fireQuit}>
<RetinaImg name="onboarding-close.png"/>
</div>
<RetinaImg name="onboarding-logo.png" />
<RetinaImg name="onboarding-logo.png" className="logo"/>
<h2>Welcome to Nilas</h2>
<RetinaImg name="onboarding-divider.png" />
@ -78,7 +79,7 @@ ContainerView = React.createClass
<div className="quit" onClick={@_fireDismiss}>
<RetinaImg name="onboarding-close.png"/>
</div>
<RetinaImg name="onboarding-logo.png" />
<RetinaImg name="onboarding-logo.png" className="logo"/>
<h2>Connect an Account</h2>
<RetinaImg name="onboarding-divider.png" />

5
internal_packages/onboarding/lib/main.cjsx
View file

@ -9,11 +9,6 @@ module.exports =
# This package does nothing in other windows
return unless atom.state.mode is 'onboarding'
# Make sure we're the right size, and front and center
w = remote.getCurrentWindow()
w.setSize(650, 500)
w.center()
@item = document.createElement("div")
@item.setAttribute("id", "onboarding-container")
@item.setAttribute("class", "onboarding-container")

8
internal_packages/onboarding/stylesheets/onboarding.less
View file

@ -36,9 +36,13 @@
border:0;
}
.logo {
padding-top:40px;
}
h2 {
margin-top: 27px;
margin-bottom: 60px;
margin-bottom: 90px;
}
.prompt {
@ -66,7 +70,7 @@
.environment-selector {
position: absolute;
opacity:0.1;
top: 224px;
top: 244px;
width:292px;
select {
width:100%;

2
src/atom.coffee
View file

@ -632,7 +632,7 @@ class Atom extends Model
frame: false
page: page
width: 340
height: 475
height: 550
resizable: false
windowName: 'onboarding'
windowPackages: ['onboarding']

2
src/browser/atom-window.coffee
View file

@ -18,7 +18,7 @@ class AtomWindow
isSpec: null
constructor: (settings={}) ->
{@resourcePath, pathToOpen, initialLine, initialColumn, @neverClose, @isSpec, @exitWhenDone, @safeMode, @devMode, frame, title, resizable, hideMenuBar} = settings
{@resourcePath, pathToOpen, initialLine, initialColumn, @neverClose, @isSpec, @exitWhenDone, @safeMode, @devMode, frame, title, hideMenuBar, resizable} = settings
# Normalize to make sure drive letter case is consistent on Windows
@resourcePath = path.normalize(@resourcePath) if @resourcePath