Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
erp5
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
preetwinder
erp5
Commits
c66b4608
Commit
c66b4608
authored
May 28, 2015
by
Sven Franck
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
[erp5_web_renderjs_ui] update CSS, fix textarea, header, add alternating listitem colors
parent
08a0f37f
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
68 additions
and
21 deletions
+68
-21
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml
.../PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml
+68
-21
No files found.
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml
View file @
c66b4608
...
...
@@ -438,6 +438,11 @@ html.ui-mobile head + body .ui-field-contain fieldset.ui-controlgroup-vertical .
vertical-align: middle;\n
}\n
\n
/* override JQM forcing 78% on textrea */\n
.ui-field-contain > label ~ textarea[class*="ui-"] {\n
width: 67%;\n
}\n
\n
/* override border-radius for all inputs to match buttons XXX Punting with center */\n
html.ui-mobile head + body .center .ui-input-text.ui-corner-all {\n
-webkit-border-radius: .325em;\n
...
...
@@ -539,6 +544,26 @@ html.ui-mobile head + body .field_container div.ui-field-contain div .ui-input-h
width: 8%;\n
vertical-align: middle;\n
}\n
/* extend only-child inputs without side icons */\n
html.ui-mobile head + body .field_container div.ui-field-contain div .ui-input-has-icon:only-child {\n
width: 100%;\n
-webkit-box-sizing: border-box;\n
-moz-box-sizing: border-box;\n
box-sizing: border-box;\n
}\n
\n
@media (min-width: 62em) {\n
/* USED for searchfield + icon */\n
/* XXX: this should not be necessary! fullwidth fields need different dimensions */\n
html.ui-mobile head + body .field_container .bottom div.ui-field-contain div .ui-input-has-icon {\n
width: 87%;\n
padding-right: 9%;\n
}\n
/* icon next to input */\n
html.ui-mobile head + body .field_container .bottom div.ui-field-contain div .ui-input-has-icon ~ .ui-btn {\n
width: 2%;\n
}\n
}\n
\n
/* remove duplicate border on fieldset and set corners XXX IE8*/\n
html.ui-mobile head + body .ui-field-contain fieldset label {\n
...
...
@@ -634,7 +659,8 @@ html.ui-mobile head + body .ui-field-contain > :last-child {\n
\n
/*
<label><div.gadget>
*/\n
html.ui-mobile head + body .ui-field-contain :first-child:nth-last-child(2) ~ div,\n
html.ui-mobile head + body .ui-field-contain fieldset .ui-controlgroup-controls :first-child:nth-last-child(2) ~ div {\n
html.ui-mobile head + body .ui-field-contain fieldset .ui-controlgroup-controls :first-child:nth-last-child(2) ~ div,\n
.ui-field-contain > label ~ textarea[class*="ui-"] {\n
width: 78%;\n
}\n
/*
<label><div.gadget><label><div.gadget>
\n
...
...
@@ -694,7 +720,8 @@ html.ui-mobile head + body .ui-field-contain > :last-child {\n
\n
/*
<label><div.gadget>
*/\n
html.ui-mobile head + body .ui-field-contain :first-child:nth-last-child(2) ~ div,\n
html.ui-mobile head + body .ui-field-contain fieldset .ui-controlgroup-controls :first-child:nth-last-child(2) ~ div {\n
html.ui-mobile head + body .ui-field-contain fieldset .ui-controlgroup-controls :first-child:nth-last-child(2) ~ div,\n
.ui-field-contain > label ~ textarea[class*="ui-"] {\n
max-width: 88%;\n
}\n
/*
<label><div.gadget><label><div.gadget>
\n
...
...
@@ -730,7 +757,7 @@ html.ui-mobile head + body .ui-field-contain > :last-child {\n
}\n
/* icon next to input */\n
html.ui-mobile head + body .field_container div.ui-field-contain div .ui-input-has-icon ~ .ui-btn {\n
width: 6%;\n
width: 6
.5
%;\n
}\n
\n
/* extend textarea and fullwidth element container */\n
...
...
@@ -798,6 +825,12 @@ html.ui-mobile head + body .ui-field-contain > :last-child {\n
html.ui-mobile head + body .field_container div.ui-field-contain div .ui-input-has-icon ~ .ui-btn {\n
width: 8%;\n
}\n
/* bottom icon (center, too) need different dimensions */\n
html.ui-mobile head + body .field_container .bottom div.ui-field-contain div .ui-input-has-icon ~ .ui-btn {\n
width: 9.5%;\n
padding-top: 1em;\n
padding-bottom: 1em;\n
}\n
\n
/* extend textarea and fullwidth element container */\n
.center .ui-field-contain {\n
...
...
@@ -1334,11 +1367,6 @@ html .ui-table-header:before {\n
line-height: 1em;\n
padding-bottom: 1.25em;\n
}\n
\n
/* reset align */\n
tfoot .ui-controlgroup {\n
text-align: center;\n
}\n
\n
/* expand to fullwidth */\n
tfoot .ui-controlgroup-controls {\n
...
...
@@ -1366,8 +1394,9 @@ html .ui-table-header:before {\n
-moz-box-sizing: border-box;\n
box-sizing: border-box;\n
}\n
}\n
\n
\n
@media (max-width: 48em) {
\n
/* give more space to record counter and move icons to the middle */\n
tfoot .ui-paging-menu.ui-controlgroup-horizontal .ui-controlgroup-controls > span {\n
width: 50%;\n
...
...
@@ -1381,14 +1410,6 @@ html .ui-table-header:before {\n
tfoot .ui-paging-menu.ui-controlgroup-horizontal .ui-controlgroup-controls > a.ui-btn-icon-right:after {\n
left: .5em;\n
}\n
\n
\n
/* first cell radio/check */\n
\n
/* first cell img/icon */\n
\n
/* first cell text */\n
\n
}\n
\n
/*\n
...
...
@@ -1525,9 +1546,14 @@ html .ui-panel .ui-header, html .ui-panel .ui-content {\n
min-height: 39px;\n
}\n
*/\n
/* XXX: Romain mini app, remove later */ \n
html .ui-panel .ui-panel-inner {\n
padding: 0;\n
}\n
/* position panel content elements */\n
html .ui-panel .ui-content > .ui-listview,\n
html .ui-panel .ui-content > form {\n
html .ui-panel .ui-content > form,\n
html .ui-panel .ui-panel-inner .ui-panel .ui-content .ui-listview {\n
margin: 1em -1em auto;\n
}\n
html .ui-panel .ui-content .center,\n
...
...
@@ -1773,7 +1799,12 @@ html body .ui-listview li.ui-last-child div.ui-checkbox label {\n
background: none repeat scroll 0 center transparent;\n
}\n
\n
\n
/* color even odd */\n
html .ui-listview li:nth-child(even),\n
html .ui-listview li:nth-child(even) > .ui-btn {\n
background-color: #fff;\n
background-color: rgba(0,0,0,0);\n
}\n
/*\n
-------------------------------------------------------------------------\n
----------------------------- Controlgroup ------------------------------\n
...
...
@@ -1791,6 +1822,11 @@ html body .ui-footer .ui-controlgroup .ui-btn-icon-notext {\n
/* search tag list needs to inline controlgroups */\n
.ui-tag-list .ui-controlgroup {\n
display: inline-block;\n
vertical-align: top;\n
}\n
/* need to overwrite */\n
html.ui-mobile head + body .ui-field-contain .ui-input-text .ui-tag-list > .ui-controlgroup {\n
width: auto;\n
}\n
/* set padding if text and notext controlgroups are combined */\n
html body .ui-controlgroup-horizontal .ui-btn ~ .ui-btn-icon-notext {\n
...
...
@@ -1808,6 +1844,13 @@ html body .ui-tag-list-inset {\n
position: absolute;\n
top: 0;\n
right: 0;\n
left: 3em;\n
white-space: nowrap;\n
overflow: hidden;\n
}\n
/* indent if there is clear button */\n
html body .ui-input-has-clear .ui-tag-list-inset {\n
right: 2em;\n
}\n
html body .ui-tag-list-inset .ui-controlgroup-horizontal .ui-controlgroup-controls {\n
margin-top: .2em;\n
...
...
@@ -1819,6 +1862,10 @@ html body .ui-tag-list-inset .ui-controlgroup-horizontal .ui-controlgroup-contro
font-size: .75em;\n
border-right-width: 1px;\n
}\n
/* fix size in tag XXX: remove font-size property here */\n
html body .ui-tag-list-inset .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn span {\n
font-size: 100%;\n
}\n
/* position input so events can be detected, does not work with label for unknown reason */\n
/* TODO not sure if this is so smart*/\n
html body .ui-tag-list-inset .ui-controlgroup-horizontal .ui-checkbox input {\n
...
...
@@ -4777,7 +4824,7 @@ html .ui-panel .ui-content .ui-btn[class*="ui-icon-"]:after {\n
</item>
<item>
<key>
<string>
serial
</string>
</key>
<value>
<string>
94
1.1077.23453.5770
2
</string>
</value>
<value>
<string>
94
3.9410.37394.2558
2
</string>
</value>
</item>
<item>
<key>
<string>
state
</string>
</key>
...
...
@@ -4795,7 +4842,7 @@ html .ui-panel .ui-content .ui-btn[class*="ui-icon-"]:after {\n
</tuple>
<state>
<tuple>
<float>
14
24105668.83
</float>
<float>
14
32818115.51
</float>
<string>
GMT
</string>
</tuple>
</state>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment