diff options
Diffstat (limited to 'app/assets')
| -rw-r--r-- | app/assets/images/icons/link-small.png | bin | 0 -> 228 bytes | |||
| -rw-r--r-- | app/assets/images/icons/move.png | bin | 0 -> 594 bytes | |||
| -rw-r--r-- | app/assets/stylesheets/routes.css.scss | 25 | ||||
| -rw-r--r-- | app/assets/stylesheets/stop_points.css.scss | 56 |
4 files changed, 69 insertions, 12 deletions
diff --git a/app/assets/images/icons/link-small.png b/app/assets/images/icons/link-small.png Binary files differnew file mode 100644 index 000000000..27cc0d9ee --- /dev/null +++ b/app/assets/images/icons/link-small.png diff --git a/app/assets/images/icons/move.png b/app/assets/images/icons/move.png Binary files differnew file mode 100644 index 000000000..2e9bc42be --- /dev/null +++ b/app/assets/images/icons/move.png diff --git a/app/assets/stylesheets/routes.css.scss b/app/assets/stylesheets/routes.css.scss index 3e2e5b5ed..a5c63bf01 100644 --- a/app/assets/stylesheets/routes.css.scss +++ b/app/assets/stylesheets/routes.css.scss @@ -58,39 +58,40 @@ font-weight: bold; } - .stop_area:after { + .stop_point:after { @include after_div_for_object; } - .stop_areas { + .stop_points { margin-top: 20px; } - .stop_areas:after { + .stop_points:after { @include content_to_clear; } - .route_stop_areas { + .route_stop_points { clear: both; + margin: 0px; + padding: 0px; } - .stop_area { + .stop_point { @include div_for_object; /* to create multi-column index */ width: 350px; float: left; padding-right: 10px; - .area_type { + .position { width: 25px; - height: 64px; + height: 20px; float: left; + background-color: #61970B; + font-weight: bold; + color: white; margin-right: 10px; - - - a { - text-decoration: none; - } + padding-left: 4px; } } diff --git a/app/assets/stylesheets/stop_points.css.scss b/app/assets/stylesheets/stop_points.css.scss new file mode 100644 index 000000000..d774fe0e7 --- /dev/null +++ b/app/assets/stylesheets/stop_points.css.scss @@ -0,0 +1,56 @@ +// Place all the styles related to the lines controller here. +// They will automatically be included in application.css. +// You can use Sass (SCSS) here: http://sass-lang.com/ +@import "common"; + +#workspace.stop_points.index +{ + .stop_point { + margin-top: 8px; + margin-bottom: 8px; + + .description:after { + clear: both; + float: left; + } + + .description { + .position { + width: 25px; + height: 20px; + float: left; + background-color: #61970B; + font-weight: bold; + color: white; + margin-right: 10px; + padding-left: 4px; + } + .info { + margin-bottom: 5px; + font-size: 10px; + color: #777; + font-weight: normal; + line-height: 14px; + .actions { + margin-top: 3px; + a { + padding-left: 15px; + } + a.link { + background: url(image-path('icons/link-small.png')) no-repeat 0% 50%; + } + a.remove { + background: url(image-path('user_interface/ui/remove-small.png')) no-repeat 0% 50%; + } + } + } + } + .handle { + float: left; + cursor: move; + margin-right: 7px; + margin-bottom: 20px; + } + } +} + |
