Commit ad4b19cf8c73a911b2b4adbc25c06aabaaf2d091
1 parent
71a7cfbd
Exists in
master
and in
28 other branches
ActionItem0: making an usable template
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@322 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
2 changed files
with
88 additions
and
3 deletions
Show diff stats
app/controllers/edit_template_controller.rb
... | ... | @@ -9,6 +9,9 @@ class EditTemplateController < ApplicationController |
9 | 9 | } |
10 | 10 | end |
11 | 11 | |
12 | + # FIXME: is this really needed? Why should we let the user say how a | |
13 | + # particular box must be displayed? IMO the box itself must have authority to | |
14 | + # say how it wants to be drawn -- terceiro | |
12 | 15 | def block_helper_types |
13 | 16 | { |
14 | 17 | 'list_content' => _("Simple List Content"), | ... | ... |
public/designs/templates/default/stylesheets/style.css
... | ... | @@ -6,6 +6,14 @@ body { |
6 | 6 | margin: 0px; |
7 | 7 | } |
8 | 8 | |
9 | +#spinner { | |
10 | + z-index: 1000; | |
11 | + position: absolute; | |
12 | + left: 50%; | |
13 | + margin-left: -16px; | |
14 | + top: 200px; | |
15 | +} | |
16 | + | |
9 | 17 | #header { |
10 | 18 | border-bottom: 1px solid black; |
11 | 19 | padding: 0.5em; |
... | ... | @@ -35,10 +43,84 @@ body { |
35 | 43 | } |
36 | 44 | |
37 | 45 | #box_1, #box_2, #box_3 { |
38 | - border: 1px solid black; | |
39 | 46 | margin: 10px; |
47 | + padding: 0.5em; | |
48 | + background: white; | |
49 | +} | |
50 | + | |
51 | +/* Box 1 is the main area */ | |
52 | +#box_1 { | |
53 | + border: 1px solid black; | |
54 | + margin-left: 220px; | |
55 | + margin-right: 220px; | |
56 | +} | |
57 | + | |
58 | +/* Box 2 on the left side */ | |
59 | +#box_2 { | |
60 | + width: 200px; | |
61 | + position: absolute; | |
62 | + left: 0px; | |
63 | + top: 57px; | |
64 | + padding: 0px; | |
65 | +} | |
66 | + | |
67 | +/* Box 3 on the right side */ | |
68 | +#box_3 { | |
69 | + width: 200px; | |
70 | + position: absolute; | |
71 | + right: 0px; | |
72 | + top: 57px; | |
73 | + padding: 0px; | |
74 | +} | |
75 | + | |
76 | +/* blocks for box_2 and box_3 */ | |
77 | +#box_2 div.block, #box_3 div.block { | |
78 | + border: 1px solid black; | |
79 | + margin-bottom: 1em; | |
80 | +} | |
81 | + | |
82 | +/* design_editor stuff */ | |
83 | +#design_editor #box_2, | |
84 | +#design_editor #box_3 { | |
85 | + top: 88px; | |
86 | +} | |
87 | + | |
88 | +#design_editor #box_1 div, | |
89 | +#design_editor #box_2 div, | |
90 | +#design_editor #box_3 div { | |
91 | + border: 1px solid black; | |
92 | + list-style: none; | |
93 | + margin: 0px; | |
94 | + padding: 2px; | |
95 | + margin-top: 3px; | |
96 | +} | |
97 | + | |
98 | +#design_editor #design_editor_selectors { | |
99 | + text-align: center; | |
100 | + border: 1px solid black; | |
101 | +} | |
102 | +#design_editor #design_editor_selectors ul { | |
103 | + padding: 2px; | |
104 | + margin: 2px; | |
105 | +} | |
106 | +#design_editor #design_editor_selectors li { | |
107 | + list-style: none; | |
108 | + display: inline; | |
109 | +} | |
110 | + | |
111 | +#design_editor .hover { | |
112 | + border: 1px dashed black; | |
113 | + background: #ffd; | |
114 | +} | |
115 | + | |
116 | +#design_editor ul { | |
117 | + padding: 2px; | |
118 | + margin: 2px; | |
40 | 119 | } |
41 | 120 | |
42 | -#box_1 li, #box_2 li, #box_3 li { | |
43 | - border: 1px solid black; | |
121 | +#design_editor li { | |
122 | + padding: 2px; | |
123 | + margin: 2px; | |
124 | + list-style: none; | |
125 | + border: 1px solid gray; | |
44 | 126 | } | ... | ... |