Commit 952c26385a425dbbb362a25bf9c7f794e9828eea
Committed by
Melissa Wen
Melissa Wen
1 parent
a0e7c590
Exists in
master
and in
5 other branches
Refactor the style of the admin categories page.
-Change the approch to tree format Signed-off-by: Hebert Douglas <hebertdougl@gmail.com> Signed-off-by: Peter Lima <peterlima@gmail.com> Signed-off-by: Melissa Wen <melissa.srw@gmail.com>
Showing
1 changed file
with
66 additions
and
0 deletions
Show diff stats
src/noosfero-spb/noosfero-spb-theme/css/administration-panel.css
| @@ -290,6 +290,72 @@ | @@ -290,6 +290,72 @@ | ||
| 290 | vertical-align: bottom; | 290 | vertical-align: bottom; |
| 291 | } | 291 | } |
| 292 | 292 | ||
| 293 | +/* Categories */ | ||
| 294 | + | ||
| 295 | +.action-categories-index #content .main-content > div{ | ||
| 296 | + padding: 0px 0px 20px; | ||
| 297 | + border-bottom: 1px solid #EEE; | ||
| 298 | + height: 30px; | ||
| 299 | +} | ||
| 300 | + | ||
| 301 | +.action-categories-index #content .main-content > div a{ | ||
| 302 | + border: 1px solid #3E67B1; | ||
| 303 | + display: block; | ||
| 304 | + padding: 7px; | ||
| 305 | + width: 85px; | ||
| 306 | + border-radius: 5px; | ||
| 307 | + color: #3E67B1; | ||
| 308 | +} | ||
| 309 | + | ||
| 310 | +.action-categories-index .tree{ | ||
| 311 | + margin-top: 20px; | ||
| 312 | +} | ||
| 313 | + | ||
| 314 | +.action-categories-index .tree li{ | ||
| 315 | + margin-bottom: 20px; | ||
| 316 | +} | ||
| 317 | + | ||
| 318 | +.action-categories-index .tree li li{ | ||
| 319 | + margin-left: 30px; | ||
| 320 | +} | ||
| 321 | + | ||
| 322 | +.action-categories-index .tree li *{ | ||
| 323 | + border-bottom: none; | ||
| 324 | + list-style-type: disc; | ||
| 325 | +} | ||
| 326 | + | ||
| 327 | +.action-categories-index .treeitem{ | ||
| 328 | + margin-bottom: 20px; | ||
| 329 | +} | ||
| 330 | + | ||
| 331 | +.action-categories-index .treeitem .color_marker{ | ||
| 332 | + border-bottom: 1px solid; | ||
| 333 | +} | ||
| 334 | + | ||
| 335 | +.action-categories-index .treeitem span{ | ||
| 336 | + font-weight: 600; | ||
| 337 | +} | ||
| 338 | + | ||
| 339 | +.action-categories-index .treeitem div{ | ||
| 340 | + margin-top: 6px; | ||
| 341 | +} | ||
| 342 | + | ||
| 343 | +.action-categories-index .treeitem ul{ | ||
| 344 | + margin-left: 10px; | ||
| 345 | +} | ||
| 346 | + | ||
| 347 | +.action-categories-index .treeitem .button{ | ||
| 348 | + margin-left: 10px; | ||
| 349 | +} | ||
| 350 | + | ||
| 351 | +.action-categories-index #content .treeitem a, | ||
| 352 | +.action-categories-index #content .treeitem a:focus, | ||
| 353 | +.action-categories-index #content .treeitem a:visited, | ||
| 354 | +.action-categories-index #content .treeitem a:link{ | ||
| 355 | + margin-right: 10px; | ||
| 356 | + color: #3E67B1; | ||
| 357 | +} | ||
| 358 | + | ||
| 293 | /*Edition configuration profile */ | 359 | /*Edition configuration profile */ |
| 294 | 360 | ||
| 295 | .action-profile_editor-edit #delete-profile{ | 361 | .action-profile_editor-edit #delete-profile{ |