mbirth/LuckyCoinkydink
Archived
1
0
Fork 0
Code Issues Pull Requests Activity

Improve layout and UI/UX for categories overlay in entry editor.

Browse Source 
References #222
This commit is contained in:
Matthias Mees
2014-11-15 12:38:29 +01:00
parent c957ccca57
commit 5f7fa8ee2a
3 changed files with 68 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
templates/2k11/admin/style.css
View File

@ -1652,21 +1652,61 @@ form > .button_link:first-of-type,
border: 1px solid #aaa;
}
.mfp-content #s9y_links,
.mfp-content #edit_entry_category,
.mfp-content #edit_entry_freetags {
background: #fcfcfc;
margin: 0 auto;
max-width: 600px;
padding: 0 2em;
position: relative;
width: auto;
}
.mfp-content #s9y_links {
max-width: 34em;
}
.mfp-content #edit_entry_category,
.mfp-content #edit_entry_freetags {
max-width: 60em;
}
.mfp-content #edit_entry_category {
padding-bottom: 2em;
}
.mfp-content #edit_entry_category .form_check {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin: 0 0 .5em;
width: 50%;
}
.mfp-content #edit_entry_category .form_check label {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fcfcfc;
border-radius: 2px;
cursor: pointer;
display: block !important;
overflow: hidden;
padding: .25em;
width: 95%;
}
.mfp-content #edit_entry_category .form_check input[type="checkbox"] {
display: none !important;
visibility: hidden;
}
.mfp-content #edit_entry_category .form_check input[type="checkbox"]:checked + label,
.lt-ie9 .mfp-content #edit_entry_category .form_check .selected {
background-color: #eee;
border-color: #aaa;
}
.mfp-content #edit_entry_freetags {
padding: 2em 2em 3em;
}
@ -2861,6 +2901,10 @@ img.mfp-img {
margin: 0 0 0 .4em;
}
.mfp-content #edit_entry_category .form_check {
width: 25%;
}
#meta_data > div,
#template_options fieldset legend,
#template_options fieldset > .grouped,
@ -3207,6 +3251,10 @@ img.mfp-img {
width: 73%;
}
.mfp-content #edit_entry_category .form_check {
width: 20%;
}
.installer #content {
float: none;
margin: 0 auto 2em;