rattail/tailbone
2
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Refactor default and bobcat theme re: "context menu" styles

Browse source 
finally, we have that hugging the top right corner, without float!
This commit is contained in:
Lance Edgar 2018-11-29 12:04:29 -06:00
parent c88e1cca68
commit 291128b96f
8 changed files with 182 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

16
tailbone/static/css/forms.css
View file

@ -8,22 +8,6 @@ div.form-wrapper {
}
/******************************
* Context Menu
******************************/
div.form-wrapper ul.context-menu {
float: right;
list-style-type: none;
margin: 0px;
text-align: right;
}
div.form-wrapper ul.context-menu li {
line-height: 2em;
}
/******************************
* "object helper" panel
******************************/

1
tailbone/static/css/grids.css
View file

@ -22,7 +22,6 @@
}
.grid-wrapper .grid-header #context-menu {
float: none;
margin: 0;
}

1
tailbone/static/css/layout.css
View file

@ -145,7 +145,6 @@ body > #body-wrapper {
******************************/
#context-menu {
float: right;
list-style-type: none;
margin: 0.5em;
text-align: right;

141
tailbone/static/themes/bobcat/css/forms.css Normal file
View file

@ -0,0 +1,141 @@
/* /\****************************** */
/* * Form Wrapper */
/* ******************************\/ */
/* div.form-wrapper { */
/* overflow: auto; */
/* } */
/******************************
* context menu
******************************/
/* #context-menu { */
/* /\* background-color: #ddcccc; *\/ */
/* /\* background-color: green; *\/ */
/* float: right; */
/* /\* list-style-type: none; *\/ */
/* /\* margin: 0px; *\/ */
/* text-align: right; */
/* } */
/* div.form-wrapper ul.context-menu li { */
/* line-height: 2em; */
/* } */
/* /\****************************** */
/* * "object helper" panel */
/* ******************************\/ */
/* .object-helper { */
/* border: 1px solid black; */
/* float: right; */
/* margin-top: 1em; */
/* padding: 1em; */
/* width: 20em; */
/* } */
/* .object-helper-content { */
/* margin-top: 1em; */
/* } */
/******************************
* forms
******************************/
/* div.form, */
/* div.fieldset-form, */
/* div.fieldset { */
/* clear: left; */
/* float: left; */
/* margin-top: 10px; */
/* } */
/* TODO: replace this with bulma equivalent */
.form {
padding-left: 5em;
}
/******************************
* fieldsets
******************************/
/* TODO: replace this with bulma equivalent */
.field-wrapper {
clear: both;
min-height: 30px;
overflow: auto;
margin: 15px;
}
/* .field-wrapper.with-error { */
/* background-color: #ddcccc; */
/* border: 2px solid #dd6666; */
/* padding-bottom: 1em; */
/* } */
/* TODO: replace this with bulma equivalent */
.field-wrapper .field-row {
display: table-row;
}
/* TODO: replace this with bulma equivalent */
.field-wrapper label {
display: table-cell;
vertical-align: top;
width: 18em;
font-weight: bold;
padding-top: 2px;
white-space: nowrap;
}
/* .field-wrapper.with-error label { */
/* padding-left: 1em; */
/* } */
/* .field-wrapper .field-error { */
/* padding: 1em 0 0.5em 1em; */
/* } */
/* .field-wrapper .field-error .error-msg { */
/* color: #dd6666; */
/* font-weight: bold; */
/* } */
/* TODO: replace this with bulma equivalent */
.field-wrapper .field {
display: table-cell;
line-height: 25px;
}
/* .field-wrapper .field input[type=text], */
/* .field-wrapper .field input[type=password], */
/* .field-wrapper .field select, */
/* .field-wrapper .field textarea { */
/* width: 320px; */
/* } */
/* label input[type="checkbox"], */
/* label input[type="radio"] { */
/* margin-right: 0.5em; */
/* } */
/* .field ul { */
/* margin: 0px; */
/* padding-left: 15px; */
/* } */
/* /\****************************** */
/* * Buttons */
/* ******************************\/ */
/* div.buttons { */
/* clear: both; */
/* margin: 10px 0px; */
/* } */

29
tailbone/static/themes/bobcat/css/layout.css
View file

@ -32,32 +32,35 @@
* header
******************************/
header nav.level {
background-color: #eaeaea;
header .level {
/* height: 60px; */
line-height: 60px;
padding-left: 0.5em;
padding-right: 0.5em;
}
header nav.level #header-logo {
header .level #header-logo {
display: inline-block;
}
header nav.level .global-title {
header .level .global-title {
font-size: 2em;
font-weight: bold;
}
header nav.level #current-context {
header .level #current-context {
font-size: 2em;
font-weight: bold;
}
header nav.level #current-context span {
header .level #current-context span {
margin-right: 10px;
}
header .level .theme-picker {
display: inline-flex;
}
/* header .global .grid-nav { */
/* display: inline-block; */
/* font-size: 16px; */
@ -85,9 +88,13 @@ header nav.level #current-context span {
/* } */
/* /\**************************************** */
/* * content */
/* ****************************************\/ */
/******************************
* content
******************************/
#page-body {
padding: 0.4em;
}
/* body > #body-wrapper { */
/* margin: 0px; */
@ -112,11 +119,7 @@ header nav.level #current-context span {
* context menu
******************************/
/* TODO: should deprecate / remove in favor of some bulma approach (section?) */
#context-menu {
float: right;
/* list-style-type: none; */
margin: 0.5em;
text-align: right;
white-space: nowrap;
}