From 209faf5581d0874ad82d863934f6e97af2897f98 Mon Sep 17 00:00:00 2001 From: Misko Hevery Date: Tue, 12 Jan 2010 13:59:54 -0800 Subject: added css --- css/angular-scenario.css | 62 ++++++++++++++++ css/angular.css | 172 +++++++++++++++++++++++++++++++++++++++++++ css/images/arrow_ascend.png | Bin 0 -> 3093 bytes css/images/arrow_descend.png | Bin 0 -> 3076 bytes css/images/arrow_left.gif | Bin 0 -> 102 bytes css/images/arrow_right.gif | Bin 0 -> 102 bytes css/images/loader-bar.gif | Bin 0 -> 10819 bytes 7 files changed, 234 insertions(+) create mode 100644 css/angular-scenario.css create mode 100644 css/angular.css create mode 100644 css/images/arrow_ascend.png create mode 100644 css/images/arrow_descend.png create mode 100644 css/images/arrow_left.gif create mode 100644 css/images/arrow_right.gif create mode 100644 css/images/loader-bar.gif (limited to 'css') diff --git a/css/angular-scenario.css b/css/angular-scenario.css new file mode 100644 index 00000000..ad263d21 --- /dev/null +++ b/css/angular-scenario.css @@ -0,0 +1,62 @@ +@charset "UTF-8"; +/* CSS Document */ + +#runner { + position: absolute; + top:5px; + left:10px; + right:10px; + height: 200px; +} + +#testView { + position: absolute; + bottom:10px; + top:210px; + left:10px; + right:10px; +} + +#testView iframe { + width: 100%; + height: 100%; +} + +.console { + display: block; + overflow: scroll; + height: 200px; + border: 1px solid black; +} + +.collapsed .log { + display: none; +} + +.run, .info, .error { + display: block; + padding: 0 1em; + font-family: monospace; + white-space: pre; +} + +.run { + background-color: lightgrey; + padding: 0 .2em; +} + +.run.pass { + background-color: lightgreen; +} + +.run.fail { + background-color: lightred; +} + +.name, .time, .state { + padding-right: 2em; +} + +error { + color: red; +} \ No newline at end of file diff --git a/css/angular.css b/css/angular.css new file mode 100644 index 00000000..08065295 --- /dev/null +++ b/css/angular.css @@ -0,0 +1,172 @@ +@charset "UTF-8"; +/* CSS Document */ + +#ng-console { + border: thin solid black; + font-family: 'courier'; + font-size: x-small; +} + +#ng-console .ng-console-error { + color: red; +} + +#ng-console .ng-console-info { + color: blue; +} + +.ng-upload-widget object { + align:center; +} + +.ng-upload-widget a { + margin-right: .3em; +} + +.ng-upload-widget span { + color: #999999; + font-size: smaller; +} + +.ng-format-negative { + color: red; +} + +.ng-exception { + border: 2px solid #FF0000; + font-family: "Courier New", Courier, monospace; + font-size: smaller; +} + +.ng-validation-error { + border: 2px solid #FF0000; +} + +.ng-hidden { + display:none; +} + +/***************** + * DatePicker + *****************/ + +div.ui-widget { + font-size: 11px; + } + +/***************** + * OrderBy + *****************/ +.ng-ascend, +.ng-descend { + padding-right: 20px; + background-repeat: no-repeat; + background-position: right; +} +.ng-ascend { background-image: url(images/arrow_ascend.png); } +.ng-descend { background-image: url(images/arrow_descend.png); } + +/***************** + * TIP + *****************/ +#ng-callout { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 13px; + font-weight: normal; + font-family: Verdana, Arial, Helvetica, sans-serif; + vertical-align: baseline; + background: transparent; + text-decoration: none; +} + +#ng-callout .ng-arrow-left{ + background-image: url(images/arrow_left.gif); + background-repeat: no-repeat; + background-position: left top; + position: absolute; + z-index:101; + left:-12px; + height:23px; + width:10px; + top:-3px; +} + +#ng-callout .ng-arrow-right{ + background-image: url(images/arrow_right.gif); + background-repeat: no-repeat; + background-position: left top; + position: absolute; + z-index:101; + height:23px; + width:11px; + top:-2px; +} + +#ng-callout { + position: absolute; + z-index:100; + border: 2px solid #CCCCCC; + background-color: #fff; +} + +#ng-callout .ng-content{ + padding:10px 10px 10px 10px; + color:#333333; +} + + +#ng-callout .ng-title{ + background-color: #CCCCCC; + text-align: left; + padding-left: 8px; + padding-bottom: 5px; + padding-top: 2px; + font-weight:bold; +} + + +#ng-spacer { + height: 1.2em; +} + +#ng-loading { + position: fixed; + bottom: 0; + height: 1.2em; + width: 100%; + text-align: center; +} + +/***************** + * Login + *****************/ + +#ng-login { + z-index: 2000; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding-top: 100px; +} + +#ng-login .ng-login-container { + width: 500px; + height: 380px; + margin: auto; + border-top: 5px solid #FFF; + border-left: 5px solid #DDD; + border-right: 5px solid #777; + border-bottom: 5px solid #555; + padding: 0 3px 3px 0; +} + +#ng-login .ng-login-container iframe { + width: 100%; + height: 100%; + border: 2px solid black; +} diff --git a/css/images/arrow_ascend.png b/css/images/arrow_ascend.png new file mode 100644 index 00000000..dd27b92b Binary files /dev/null and b/css/images/arrow_ascend.png differ diff --git a/css/images/arrow_descend.png b/css/images/arrow_descend.png new file mode 100644 index 00000000..ec1cb5df Binary files /dev/null and b/css/images/arrow_descend.png differ diff --git a/css/images/arrow_left.gif b/css/images/arrow_left.gif new file mode 100644 index 00000000..4c9e5c66 Binary files /dev/null and b/css/images/arrow_left.gif differ diff --git a/css/images/arrow_right.gif b/css/images/arrow_right.gif new file mode 100644 index 00000000..3252c359 Binary files /dev/null and b/css/images/arrow_right.gif differ diff --git a/css/images/loader-bar.gif b/css/images/loader-bar.gif new file mode 100644 index 00000000..47adbf03 Binary files /dev/null and b/css/images/loader-bar.gif differ -- cgit v1.2.3 From 595b4ea097bcb512173b6d4a12924ea1a3d70ecd Mon Sep 17 00:00:00 2001 From: Misko Hevery Date: Mon, 18 Jan 2010 10:47:03 -0800 Subject: checkpoint for integration with angular --- css/angular.css | 8 ++++---- css/angular_images/arrow_ascend.png | Bin 0 -> 3093 bytes css/angular_images/arrow_descend.png | Bin 0 -> 3076 bytes css/angular_images/arrow_left.gif | Bin 0 -> 102 bytes css/angular_images/arrow_right.gif | Bin 0 -> 102 bytes css/angular_images/loader-bar.gif | Bin 0 -> 10819 bytes css/images/arrow_ascend.png | Bin 3093 -> 0 bytes css/images/arrow_descend.png | Bin 3076 -> 0 bytes css/images/arrow_left.gif | Bin 102 -> 0 bytes css/images/arrow_right.gif | Bin 102 -> 0 bytes css/images/loader-bar.gif | Bin 10819 -> 0 bytes 11 files changed, 4 insertions(+), 4 deletions(-) create mode 100644 css/angular_images/arrow_ascend.png create mode 100644 css/angular_images/arrow_descend.png create mode 100644 css/angular_images/arrow_left.gif create mode 100644 css/angular_images/arrow_right.gif create mode 100644 css/angular_images/loader-bar.gif delete mode 100644 css/images/arrow_ascend.png delete mode 100644 css/images/arrow_descend.png delete mode 100644 css/images/arrow_left.gif delete mode 100644 css/images/arrow_right.gif delete mode 100644 css/images/loader-bar.gif (limited to 'css') diff --git a/css/angular.css b/css/angular.css index 08065295..f90c5d07 100644 --- a/css/angular.css +++ b/css/angular.css @@ -63,8 +63,8 @@ div.ui-widget { background-repeat: no-repeat; background-position: right; } -.ng-ascend { background-image: url(images/arrow_ascend.png); } -.ng-descend { background-image: url(images/arrow_descend.png); } +.ng-ascend { background-image: url(angular_images/arrow_ascend.png); } +.ng-descend { background-image: url(angular_images/arrow_descend.png); } /***************** * TIP @@ -83,7 +83,7 @@ div.ui-widget { } #ng-callout .ng-arrow-left{ - background-image: url(images/arrow_left.gif); + background-image: url(angular_images/arrow_left.gif); background-repeat: no-repeat; background-position: left top; position: absolute; @@ -95,7 +95,7 @@ div.ui-widget { } #ng-callout .ng-arrow-right{ - background-image: url(images/arrow_right.gif); + background-image: url(angular_images/arrow_right.gif); background-repeat: no-repeat; background-position: left top; position: absolute; diff --git a/css/angular_images/arrow_ascend.png b/css/angular_images/arrow_ascend.png new file mode 100644 index 00000000..dd27b92b Binary files /dev/null and b/css/angular_images/arrow_ascend.png differ diff --git a/css/angular_images/arrow_descend.png b/css/angular_images/arrow_descend.png new file mode 100644 index 00000000..ec1cb5df Binary files /dev/null and b/css/angular_images/arrow_descend.png differ diff --git a/css/angular_images/arrow_left.gif b/css/angular_images/arrow_left.gif new file mode 100644 index 00000000..4c9e5c66 Binary files /dev/null and b/css/angular_images/arrow_left.gif differ diff --git a/css/angular_images/arrow_right.gif b/css/angular_images/arrow_right.gif new file mode 100644 index 00000000..3252c359 Binary files /dev/null and b/css/angular_images/arrow_right.gif differ diff --git a/css/angular_images/loader-bar.gif b/css/angular_images/loader-bar.gif new file mode 100644 index 00000000..47adbf03 Binary files /dev/null and b/css/angular_images/loader-bar.gif differ diff --git a/css/images/arrow_ascend.png b/css/images/arrow_ascend.png deleted file mode 100644 index dd27b92b..00000000 Binary files a/css/images/arrow_ascend.png and /dev/null differ diff --git a/css/images/arrow_descend.png b/css/images/arrow_descend.png deleted file mode 100644 index ec1cb5df..00000000 Binary files a/css/images/arrow_descend.png and /dev/null differ diff --git a/css/images/arrow_left.gif b/css/images/arrow_left.gif deleted file mode 100644 index 4c9e5c66..00000000 Binary files a/css/images/arrow_left.gif and /dev/null differ diff --git a/css/images/arrow_right.gif b/css/images/arrow_right.gif deleted file mode 100644 index 3252c359..00000000 Binary files a/css/images/arrow_right.gif and /dev/null differ diff --git a/css/images/loader-bar.gif b/css/images/loader-bar.gif deleted file mode 100644 index 47adbf03..00000000 Binary files a/css/images/loader-bar.gif and /dev/null differ -- cgit v1.2.3 From 7c8a2ccb8d7b595419dfbe9151928cd2533550e3 Mon Sep 17 00:00:00 2001 From: Misko Hevery Date: Fri, 12 Feb 2010 14:25:10 -0800 Subject: added waiting indicator css/image --- css/angular.css | 12 ++++++++++++ css/angular_images/indicator-wait.png | Bin 0 -> 1849 bytes 2 files changed, 12 insertions(+) create mode 100644 css/angular_images/indicator-wait.png (limited to 'css') diff --git a/css/angular.css b/css/angular.css index f90c5d07..80f82762 100644 --- a/css/angular.css +++ b/css/angular.css @@ -170,3 +170,15 @@ div.ui-widget { height: 100%; border: 2px solid black; } + + +/***************** + * indicators + *****************/ +.ng-indicator-wait { + display: inline-block; + height: 16px; + width: 16px; + background-image: url("angular_images/indicator-wait.png"); +} + diff --git a/css/angular_images/indicator-wait.png b/css/angular_images/indicator-wait.png new file mode 100644 index 00000000..5b33f7e5 Binary files /dev/null and b/css/angular_images/indicator-wait.png differ -- cgit v1.2.3 From 3f9a2ab9bdfcd12cb7df74b0d38cecf2ee4ac94a Mon Sep 17 00:00:00 2001 From: Misko Hevery Date: Fri, 12 Feb 2010 19:39:01 -0800 Subject: added asynchronous validator --- css/angular.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'css') diff --git a/css/angular.css b/css/angular.css index 80f82762..0fb10cdf 100644 --- a/css/angular.css +++ b/css/angular.css @@ -182,3 +182,8 @@ div.ui-widget { background-image: url("angular_images/indicator-wait.png"); } +.ng-input-indicator-wait { + background-image: url("angular_images/indicator-wait.png"); + background-position: right; + background-repeat: no-repeat; +} -- cgit v1.2.3 From 5215e2095cfd42a0363eb02eded34e03fa2b0cd3 Mon Sep 17 00:00:00 2001 From: Misko Hevery Date: Thu, 20 May 2010 15:55:41 -0700 Subject: basic end to end runner --- css/angular-scenario.css | 29 ++++++++++++++++------------- 1 file changed, 16 insertions(+), 13 deletions(-) (limited to 'css') diff --git a/css/angular-scenario.css b/css/angular-scenario.css index ad263d21..70256a5a 100644 --- a/css/angular-scenario.css +++ b/css/angular-scenario.css @@ -2,18 +2,25 @@ /* CSS Document */ #runner { - position: absolute; - top:5px; - left:10px; + position: absolute; + top:5px; + left:10px; right:10px; height: 200px; } +.console { + display: block; + overflow: scroll; + height: 200px; + border: 1px solid black; +} + #testView { - position: absolute; - bottom:10px; - top:210px; - left:10px; + position: absolute; + bottom:10px; + top:230px; + left:10px; right:10px; } @@ -22,12 +29,8 @@ height: 100%; } -.console { - display: block; - overflow: scroll; - height: 200px; - border: 1px solid black; -} + +/////////////// .collapsed .log { display: none; -- cgit v1.2.3 From e3368e12a6207706d8a08b18f9958db3b86ca4e5 Mon Sep 17 00:00:00 2001 From: Misko Hevery Date: Thu, 20 May 2010 16:55:47 -0700 Subject: semi working state --- css/angular-scenario.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/angular-scenario.css b/css/angular-scenario.css index 70256a5a..3960c357 100644 --- a/css/angular-scenario.css +++ b/css/angular-scenario.css @@ -29,13 +29,24 @@ height: 100%; } +li.running > span { + background-color: yellow; +} -/////////////// +#runner span { + background-color: green; +} -.collapsed .log { +#runner .fail > span { + background-color: red; +} + +.collapsed > ul { display: none; } +////// + .run, .info, .error { display: block; padding: 0 1em; -- cgit v1.2.3