Skip to content

Commit

Permalink
partially moved to less, added dev tools
Browse files Browse the repository at this point in the history
  • Loading branch information
flouc001 committed Apr 28, 2017
1 parent cac1372 commit ab29a1f
Show file tree
Hide file tree
Showing 17 changed files with 1,677 additions and 2 deletions.
13 changes: 13 additions & 0 deletions nodemon.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
{
"verbose":true,
"ignore":[
"_/",
".git",
"node_modules/**/node_modules"
],
"watch":[
"src/",
"style/less/"
],
"ext":"js json css less"
}
7 changes: 5 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@
"productName": "Ride-4.0",
"scripts": {
"start": "electron .",
"watch": "nodemon ./node_modules/.bin/electron ."
"dev": "lessc ./style/less/style.less ./style/style.css --strict-math=on && ./node_modules/.bin/electron .",
"watch": "nodemon --config ./nodemon.json --exec 'npm run dev'"
},
"repository": ".",
"dependencies": {
Expand All @@ -19,9 +20,11 @@
"async": "2.1.4",
"cheerio": "0.22.0",
"compression": "1.6.2",
"electron-packager": "8.5.2",
"electron": "1.6.2",
"electron-packager": "8.5.2",
"express": "4.14.0",
"less": "^2.7.2",
"nodemon": "^1.11.0",
"ws": "1.1.1"
}
}
147 changes: 147 additions & 0 deletions style/less/connect_page.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,147 @@
@color_1: #fff;
@color_2: #ed7f00;
@font_family_1: apl,monospace;

/*connect page*/
#cn {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
.hsplitbar {
width: 6px;
background: #ccc;
}
.indent {
margin-left: 24px;
}
}
#cn_favs {
position: absolute;
left: 0;
right: 0;
top: 42px;
bottom: 0;
overflow: auto;
>* {
line-height: 30px;
padding: 0 2px 0 8px;
margin-bottom: 1px;
cursor: default;
}
.go {
float: right;
margin-top: 2px;
}
.list_sel {
background: #0a246a;
color: @color_1;
}
.list-focus {
outline: dotted #000 1px;
}
div {
position: relative;
}
}
#cn_abt {
float: right;
}
#cn_lhs {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 325px;
overflow: hidden;
background: #eee;
}
#cn_rhs {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 250px;
padding: 0;
overflow: auto;
background: #eee;
}
.dark {
#cn_rhs {
background: #444;
}
#cn_lhs {
background: #444;
}
}
#cn_rhs_inner {
padding: 8px;
p {
padding: 4px 0;
}
}
#cn_fav_btns {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 40px;
overflow: hidden;
width: 9999px;
padding: 4px;
button {
min-width: 75px;
}
}
#cn_go {
min-width: 75px;
}
#cn_exe {
width: 100%;
margin-top: 1ex;
}
#cn_cwd {
width: 100%;
margin-top: 1ex;
}
#cn_args {
width: 100%;
margin-top: 1ex;
}
#cn_env {
width: 100%;
margin-top: 1ex;
width: 100%;
}
#cn_env_add {
padding-left: 32px;
a {
font-family: @font_family_1;
font-size: 18px;
color: @color_2;
text-decoration: none;
}
}
.cn_hint {
font-size: 14px;
font-style: italic;
opacity: 0.5;
}
.cn_progress {
display: block;
width: 100%;
margin-bottom: 8px;
}
#cn_listen_dlg {
width: 360px;
height: 160px;
}
#cn_connecting_dlg {
width: 360px;
height: 160px;
}
.cn_dlg_content {
padding: 8px;
text-align: center;
}
40 changes: 40 additions & 0 deletions style/less/golden_layout.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
@background_color_1: #fff;
@background_color_2: #777;
@background_color_3: inherit;
@background_color_4: #dcdad5;

/*Golden Layout*/
.lm_goldenlayout {
background-image: none !important;
}
.lm_maximised {
.lm_header {
background-color: @background_color_1 !important;
}
}
.dark {
.lm_maximised {
.lm_header {
background-color: @background_color_2 !important;
background-color: @background_color_3 !important;
}
}
}
.lm_splitter.lm_horizontal {
.lm_drag_handle {
width: 8px !important;
left: -2px !important;
}
}
.lm_splitter.lm_vertical {
.lm_drag_handle {
height: 8px !important;
top: -2px !important;
}
}
.lm_tab {
background-color: @background_color_4 !important;
}
.lm_close {
display: none !important;
}
142 changes: 142 additions & 0 deletions style/less/jquery_ui.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,142 @@
/*jQuery UI - v1.10.4 - 2014-01-17, heavily customized*/
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-clearfix{min-height:0} /*support:IE7*/
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-state-disabled{cursor:default!important}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-button{
min-width:75px;display:inline-block;position:relative;overflow:visible; /*removes extra width in IE*/
&,&:link,&:visited,&:hover,&:active{text-decoration:none;color:#000}
&.ui-button-disabled:active{border-color:#fff #888 #888 #fff}
}
.ui-button .ui-button-text{display:block;line-height:normal;cursor:normal}
.ui-button:focus,button:focus{outline:dotted #000 1px;outline-offset:-4px}
.ui-button:active .ui-button-text{border-color:#000}
.ui-button-text-only .ui-button-text{min-width:75px;border-width:0;padding:1px 0}
.ui-button-text-only:active .ui-button-text{border-color:#808080}
.ui-button-text-only.ui-button-disabled:active .ui-button-text{border-color:transparent #808080 #808080 transparent}
input.ui-button{padding:0 5px}
.ui-buttonset{margin-right:7px}
.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}
.ui-dialog{
border-color:#fff #888 #888 #fff;border-style:solid;border-width:1px;overflow:hidden;
position:absolute;top:0;left:0;padding:0;outline:0;text-align:center;
.ui-dialog-titlebar{background:#0a246a;color:#fff;padding:0 8px;margin-bottom:1px;
position:relative;height:22px;line-height:20px;cursor:default}
.ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;
text-overflow:ellipsis;color:white;text-align:left}
.ui-dialog-titlebar-close{
position:absolute;right:2px;top:50%;min-width:18px;width:18px;margin:-9px 0 0 0;padding:0;height:18px;outline:0;cursor:pointer;
.ui-button-icon-primary{margin:-1px 0 0 -1px;background-color:#fff}
.ui-button-text{display:none}
}
.ui-dialog-content{position:relative;border:0;padding:0;background:none;overflow:auto}
.ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}
.ui-dialog-buttonpane{
text-align:center;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em;
.ui-button{margin:0 5px}
}
}

/*right-aligned*/
.ui-resizable{position:relative}
.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}
.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}
.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}
.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}
.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}
.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
.ui-selectable-helper{position:absolute;border:1px dotted black}

/*position:relative prevents IE scroll bug (element with position:relative inside container with overflow:auto appear as "fixed")*/
.ui-tabs{
padding:0;position:relative;
.ui-tabs-panel{display:block;border-width:0;padding:8px;background:none}
.ui-tabs-nav{
margin:0;padding:0 3px;border-width:0 0 1px 0;border-color:white;
li{background-color:#dcdad5;list-style:none;float:left;position:relative;top:0;margin:3px 1px 0 0;padding:0;white-space:nowrap;outline:none}
.ui-tabs-anchor{
float:left;padding:2px 12px 0 12px;border-width:1px 2px 0 1px;border-style:solid;text-decoration:none;
border-color:white #666 transparent white;border-top-left-radius:4px;border-top-right-radius:4px;cursor:default
}
.ui-tabs-active .ui-tabs-anchor{background-color:#dcdad5;padding:4px 15px 0 15px;margin:-2px -3px 0 -3px}
li.ui-tabs-active{
border-bottom:solid 1px #dcdad5;margin-bottom:-1px;padding-left:2px;margin-left:-2px;padding-right:2px;margin-right:-2px
}
li.ui-tabs-active .ui-tabs-anchor,
li.ui-state-disabled .ui-tabs-anchor,
li.ui-tabs-loading .ui-tabs-anchor{cursor:default}
}
}

.tab-name{float:left/*for Firefox*/}
.tab-close{float:right;width:20px;border-radius:12px;text-align:center;cursor:pointer;color:#888;margin:0 -10px 0 5px;line-height:20px}
.tab-close:hover{background-color:#d88;color:white}

.ui-tooltip{padding:8px;position:absolute;max-width:300px;box-shadow:0 0 5px #aaa}
body .ui-tooltip{border-width:2px}

/*Component containers*/
.ui-widget{
font-family:Verdana,Arial,sans-serif;font-size:1.1em;
.ui-widget{font-size:1em}
select,button{font-family:Verdana,Arial,sans-serif;font-size:1em}
}
.ui-widget-content{background-color:#dcdad5}
.ui-widget-header{background-color:#dcdad5;border:1px solid #aaaaaa;font-weight:bold}

/*Interaction states*/
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{font-weight:normal}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited{color:#000;text-decoration:none}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,
.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{
font-weight:normal
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited{text-decoration:none}

/*Interaction Cues*/
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight
{background-color:#fbf9ee;color:#363636}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a
{color:#363636}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error
{border:1px solid #cd0a0a;background-color:#fef1ec;color:#cd0a0a}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a
{color:#cd0a0a}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text
{color:#cd0a0a}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary
{font-weight:bold}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary
{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled
{opacity:.35;filter:Alpha(Opacity=35);background-image:none}
.ui-state-disabled .ui-icon
{filter:Alpha(Opacity=35)} /*For IE8 - See #6059*/

.ui-icon{width:16px;height:16px}
.ui-icon-closethick{background:no-repeat center center url(img/close.png)}
Loading

0 comments on commit ab29a1f

Please sign in to comment.