adrian/tcm-in-guestrow-tpl
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

minor improvements for fullscreen mediamanager CSS (panel widths and inline documentation)

Browse source
This commit is contained in:
Anika Henke 2011-11-20 14:22:36 +00:00
parent 8668229d1d
commit 14cf113811
2 changed files with 39 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

60
css/_media_fullscreen.css
View file

@ -1,12 +1,21 @@
/**
* This file provides the styles for the fullscreen media manager
* (?do=media).
*
* What most templates would probably need to change (depending on
* their site width) are the 4 min-width's (search for @change).
*/
/*____________ Layout ____________*/
/*____________ structure ____________*/
#mediamanager__page h1 { #mediamanager__page h1 {
margin: 0 0 .5em; margin: 0 0 .5em;
} }
#mediamanager__page { #mediamanager__page {
min-width: 800px; /* min-width must be summary of all 3 panels' min-widths */
min-width: 50em; /* @change */
width: 100%; width: 100%;
text-align: left; text-align: left;
} }
@ -17,15 +26,15 @@
#mediamanager__page .namespaces { #mediamanager__page .namespaces {
width: 20%; width: 20%;
min-width: 160px; min-width: 10em; /* @change */
} }
#mediamanager__page .filelist { #mediamanager__page .filelist {
width: 50%; width: 50%;
min-width: 400px; min-width: 25em; /* @change */
} }
#mediamanager__page .file { #mediamanager__page .file {
width: 30%; width: 30%;
min-width: 240px; min-width: 15em; /* @change */
} }
#mediamanager__page .panelHeader { #mediamanager__page .panelHeader {
@ -59,12 +68,21 @@
background-color: __background_alt__; background-color: __background_alt__;
} }
#mediamanager__page dd { #mediamanager__page dd {
margin: 0; margin: 0;
} }
#mediamanager__page .panelHeader h3 {
float: left;
font-weight: normal;
font-size: 1em;
padding: 0;
margin: 0 0 3px;
}
/*____________ Namespaces tree ____________*/
/*____________ namespaces panel ____________*/
#mediamanager__page .namespaces h2 { #mediamanager__page .namespaces h2 {
font-size: 1em; font-size: 1em;
@ -101,15 +119,10 @@
font-weight: bold; font-weight: bold;
} }
/*____________ Panel header ____________*/
#mediamanager__page .panelHeader h3 { /*____________ file list panel ____________*/
float: left;
font-weight: normal; /* file list header */
font-size: 1em;
padding: 0;
margin: 0 0 3px;
}
#mediamanager__page .panelHeader form.options { #mediamanager__page .panelHeader form.options {
float: right; float: right;
@ -146,7 +159,7 @@
line-height: 1; line-height: 1;
} }
/*____________ File list ____________*/ /* file list content */
#mediamanager__page .filelist ul { #mediamanager__page .filelist ul {
padding: 0; padding: 0;
@ -171,7 +184,7 @@
display: inline; display: inline;
} }
/* thumbs */ /* file list as thumbs */
#mediamanager__page .filelist .thumbs li { #mediamanager__page .filelist .thumbs li {
width: 100px; width: 100px;
@ -223,7 +236,7 @@
white-space: normal; white-space: normal;
} }
/* rows */ /* file list as rows */
#mediamanager__page .filelist .rows li { #mediamanager__page .filelist .rows li {
list-style: none; list-style: none;
@ -283,7 +296,7 @@
white-space: normal; white-space: normal;
} }
/*____________ Upload panel ____________*/ /* upload form */
#mediamanager__page div.upload { #mediamanager__page div.upload {
padding-bottom: 0.5em; padding-bottom: 0.5em;
@ -294,11 +307,12 @@
padding-bottom: 0.5em; padding-bottom: 0.5em;
} }
/*____________ File preview ____________*/ /*____________ file panel ____________*/
#mediamanager__page .file ul.actions { #mediamanager__page .file ul.actions {
text-align: center; text-align: center;
margin: 0 0 5px; margin: 0 0 5px;
padding: 0;
list-style: none; list-style: none;
} }
#mediamanager__page .file ul.actions li { #mediamanager__page .file ul.actions li {
@ -328,7 +342,7 @@
} }
/*____________ Meta data edit form ____________*/ /* file meta data edit form */
#mediamanager__page form.meta div.row { #mediamanager__page form.meta div.row {
margin-bottom: 5px; margin-bottom: 5px;
@ -353,7 +367,7 @@
max-width: 95%; max-width: 95%;
} }
/*____________ Revisions form ____________*/ /* file revisions form */
#mediamanager__page #page__revisions ul { #mediamanager__page #page__revisions ul {
margin-left: 10px; margin-left: 10px;
@ -372,7 +386,7 @@
top: 1px; top: 1px;
} }
/* File diff */ /* file diff view */
#mediamanager__diff table { #mediamanager__diff table {
table-layout: fixed; table-layout: fixed;
@ -407,7 +421,7 @@
font-weight: normal; font-weight: normal;
} }
/* Image diff */ /* image diff views */
#mediamanager__page .file form.diffView { #mediamanager__page .file form.diffView {
margin-bottom: 10px; margin-bottom: 10px;

3
css/_media_popup.css
View file

@ -1,5 +1,5 @@
/** /**
* This file provides styles for the media manager * This file provides styles for the media manager popup
* (mediamanager.php). * (mediamanager.php).
*/ */
@ -161,6 +161,7 @@ html.popup {
} }
#media__content div.detail div.thumb a { #media__content div.detail div.thumb a {
display: block; display: block;
cursor: pointer;
} }
#media__content div.detail p { #media__content div.detail p {
margin-bottom: 0; margin-bottom: 0;