aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel
diff options
context:
space:
mode:
authorPushkar Joshi2012-04-19 14:12:45 -0700
committerPushkar Joshi2012-04-19 14:12:45 -0700
commit9f32d7e5454db3189209fc68a286a7fdb0c31fe8 (patch)
treea51c2bf67839a25158c30752b44fdea0eac28b9d /node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel
parentdc1e8dde18c40cf740bd2fe09165784e0d415fab (diff)
parent6d33345a9e609e36539d2efa25569f5eeb04a2af (diff)
downloadninja-9f32d7e5454db3189209fc68a286a7fdb0c31fe8.tar.gz
Merge branch 'master' into pentool
Conflicts: js/helper-classes/3D/view-utils.js
Diffstat (limited to 'node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel')
-rw-r--r--node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css141
-rw-r--r--node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.html45
-rw-r--r--node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.js568
3 files changed, 754 insertions, 0 deletions
diff --git a/node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css b/node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css
new file mode 100644
index 00000000..3147fc67
--- /dev/null
+++ b/node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css
@@ -0,0 +1,141 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
6
7.montage-resizer {
8 display: inline-block;
9}
10
11.montage-resizer-container {
12 position: absolute;
13 border: 1px solid black;
14}
15
16.montage-resizer-handle {
17 position: absolute;
18 width: 7px;
19 height: 7px;
20 border: 1px solid black;
21 -moz-border-radius: 4px;
22 border-radius: 4px;
23 background: white;
24}
25
26.montage-resizer-handle:hover {
27 width: 9px;
28 height: 9px;
29 -moz-border-radius: 5px;
30 border-radius: 5px;
31}
32
33#montage-resizer-handle-n {
34 top: -4px;
35 left: 50%;
36 margin-left: -4px;
37 cursor: n-resize;
38}
39
40#montage-resizer-handle-n:hover {
41 top: -5px;
42 margin-left: -5px;
43}
44
45#montage-resizer-handle-ne {
46 top: -4px;
47 right: -4px;
48 cursor: ne-resize;
49}
50
51#montage-resizer-handle-ne:hover {
52 top: -5px;
53 right: -5px;
54}
55
56#montage-resizer-handle-e {
57 right: -4px;
58 top: 50%;
59 margin-top: -4px;
60 cursor: e-resize;
61}
62
63#montage-resizer-handle-e:hover {
64 right: -5px;
65 margin-top: -5px;
66}
67
68#montage-resizer-handle-se {
69 bottom: -4px;
70 right: -4px;
71 cursor: se-resize;
72}
73
74#montage-resizer-handle-se:hover {
75 bottom: -5px;
76 right: -5px;
77}
78
79#montage-resizer-handle-s {
80 bottom: -4px;
81 left: 50%;
82 margin-left: -4px;
83 cursor: s-resize;
84}
85
86#montage-resizer-handle-s:hover {
87 bottom: -5px;
88 margin-left: -5px;
89}
90
91#montage-resizer-handle-sw {
92 bottom: -4px;
93 left: -4px;
94 cursor: sw-resize;
95}
96
97#montage-resizer-handle-sw:hover {
98 bottom: -5px;
99 left: -5px;
100}
101
102#montage-resizer-handle-w {
103 left: -4px;
104 top: 50%;
105 margin-top: -4px;
106 cursor: w-resize;
107}
108
109#montage-resizer-handle-w:hover {
110 left: -5px;
111 margin-top: -5px;
112}
113
114#montage-resizer-handle-nw {
115 top: -4px;
116 left: -4px;
117 cursor: nw-resize;
118}
119
120#montage-resizer-handle-nw:hover {
121 top: -5px;
122 left: -5px;
123}
124
125.montage-resizer-image {
126 position: absolute;
127 display: none;
128 top: 0;
129 left: 0;
130 width: 100%;
131 height: 100%;
132 opacity: 0.5;
133}
134
135.montage-editor-resizing .montage-resizer-image {
136 display: block;
137}
138
139.montage-resizer-element::selection {
140 background: rgba(0,0,0,0);
141}
diff --git a/node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.html b/node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.html
new file mode 100644
index 00000000..56f6cf19
--- /dev/null
+++ b/node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.html
@@ -0,0 +1,45 @@
1<!DOCTYPE html>
2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> -->
7<html>
8<head>
9 <title></title>
10 <link rel="stylesheet" type="text/css" href="rich-text-resizer.css">
11 <script type="text/montage-serialization">
12 {
13 "image": {
14 "module": "montage/ui/image.reel",
15 "name": "Image",
16 "properties": {
17 "element": {"#": "image"}
18 }
19 },
20
21 "owner": {
22 "module": "montage/ui/rich-text-editor/overlays/rich-text-resizer.reel",
23 "name": "RichTextResizer",
24 "properties": {
25 "element": {"#": "resizer-container"},
26 "image": {"@": "image"}
27 }
28 }
29 }
30 </script>
31</head>
32<body>
33 <div id="resizer-container" class="montage-resizer-container">
34 <img id="image" class="montage-resizer-image">
35 <div class="montage-resizer-handle" id="montage-resizer-handle-nw"></div>
36 <div class="montage-resizer-handle" id="montage-resizer-handle-n"></div>
37 <div class="montage-resizer-handle" id="montage-resizer-handle-ne"></div>
38 <div class="montage-resizer-handle" id="montage-resizer-handle-e"></div>
39 <div class="montage-resizer-handle" id="montage-resizer-handle-se"></div>
40 <div class="montage-resizer-handle" id="montage-resizer-handle-s"></div>
41 <div class="montage-resizer-handle" id="montage-resizer-handle-sw"></div>