Commit 952c26385a425dbbb362a25bf9c7f794e9828eea
Committed by
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 | 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 | 359 | /*Edition configuration profile */ |
| 294 | 360 | |
| 295 | 361 | .action-profile_editor-edit #delete-profile{ | ... | ... |