Skip to content

E
ecommerce-ui
Commit 0729697a authored by Sven Franck's avatar Sven Franck
Browse files
Options

css: removed ui-panel-inner as it's no longer used

parent b7eed5a9
Show whitespace changes
Inline Side-by-side
Showing with 42 additions and 85 deletions
css/themes.css
View file @ 0729697a
...@@ -278,27 +278,7 @@ html body .ui-header .ui-group-theme-slapos-white a:visited, ...@@ -278,27 +278,7 @@ html body .ui-header .ui-group-theme-slapos-white a:visited,
font-weight: normal; font-weight: normal;
line-height: 325% /* could also be 3.25em, but this is more flexible, while being crap! */; line-height: 325% /* could also be 3.25em, but this is more flexible, while being crap! */;
} }
/* subheader will be normal */
/* Button special handling: panel listitems */
.ui-page-theme-slapos-white .ui-panel-inner li .ui-btn,
html .ui-bar-slapos-white .ui-panel-inner li .ui-btn,
html .ui-body-slapos-white .ui-panel-inner li .ui-btn,
html .ui-body-slapos-white .ui-panel-inner li.ui-li-static,
html body .ui-panel-inner li .ui-btn.ui-btn-slapos-white,
html body .ui-panel-inner li .ui-group-theme-slapos-white .ui-btn,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-white,
/* Button visited */
.ui-page-theme-slapos-white .ui-panel-inner li .ui-btn:visited,
html .ui-bar-slapos-white .ui-panel-inner li .ui-btn:visited,
html .ui-body-slapos-white .ui-panel-inner li .ui-btn:visited,
html body .ui-panel-inner li .ui-btn.ui-btn-slapos-white:visited,
html body .ui-panel-inner li .ui-group-theme-slapos-white .ui-btn:visited,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-white:visited {
/* background: none repeat scroll 0 0 #fff; this makes all the elements blank */
border-color: rgb(232, 232, 232);
border-color: rgba(255,255,255,.3);
}
/* dropshadow */ /* dropshadow */
html body .ui-group-theme-slapos-white li { html body .ui-group-theme-slapos-white li {
border-top: 1px solid #111; border-top: 1px solid #111;
...@@ -559,29 +539,6 @@ html body .ui-header .ui-group-theme-slapos-black .ui-btn:hover, ...@@ -559,29 +539,6 @@ html body .ui-header .ui-group-theme-slapos-black .ui-btn:hover,
font-weight: normal; font-weight: normal;
line-height: 325% /* could also be 3.25em, but this is more flexible, while being crap! */; line-height: 325% /* could also be 3.25em, but this is more flexible, while being crap! */;
} }
/* Button special handling: listitem , collapsibles */
.ui-page-theme-slapos-black .ui-panel-inner li .ui-btn,
html .ui-bar-slapos-black .ui-panel-inner li .ui-btn,
html .ui-body-slapos-black .ui-panel-inner li .ui-btn,
html .ui-body-slapos-black .ui-panel-inner li.ui-li-static,
html body .ui-panel-inner .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-collapsible-heading-toggle,
html body .ui-panel-inner .ui-group-theme-slapos-black .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-collapsible-heading-toggle,
html body .ui-panel-inner li .ui-btn.ui-btn-slapos-black,
html body .ui-panel-inner li .ui-group-theme-slapos-black .ui-btn,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-black,
/* Button visited */
.ui-page-theme-slapos-black .ui-panel-inner li .ui-btn:visited,
html .ui-bar-slapos-black .ui-panel-inner li .ui-btn:visited,
html .ui-body-slapos-black .ui-panel-inner li .ui-btn:visited,
html body .ui-panel-inner .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-collapsible-heading-toggle:visited,
html body .ui-panel-inner .ui-group-theme-slapos-black .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-collapsible-heading-toggle:visited
html body .ui-panel-inner li .ui-btn.ui-btn-slapos-black:visited,
html body .ui-panel-inner li .ui-group-theme-slapos-black .ui-btn:visited,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-black:visited {
background: none repeat scroll 0 0 transparent;
border-color: rgb(232, 232, 232);
border-color: rgba(255,255,255,.3);
}
/* dropshadow */ /* dropshadow */
html body .ui-group-theme-slapos-black li { html body .ui-group-theme-slapos-black li {
border-top: 1px solid #111; border-top: 1px solid #111;
...@@ -1000,17 +957,17 @@ html div.ui-page div.ui-content .ui-content-element .ui-controlgroup .ui-btn:aft ...@@ -1000,17 +957,17 @@ html div.ui-page div.ui-content .ui-content-element .ui-controlgroup .ui-btn:aft
margin-top: -11px; margin-top: -11px;
} }
.panel .ui-panel-inner .panel_element { .ui-panel .panel_element {
margin-left: -1em; margin-left: -1em;
margin-right: -1em; margin-right: -1em;
} }
.panel .ui-panel-inner .panel_element.panel_element_first { .ui-panel .panel_element.panel_element_first {
margin-top: -1em; margin-top: -1em;
} }
.panel .ui-panel-inner .panel_element.panel_element_last { .ui-panel .panel_element.panel_element_last {
margin-bottom: -1em; margin-bottom: -1em;
} }
.panel .panel_element.panel_header { .ui-panel .panel_element.panel_header {
border-width: 0; border-width: 0;
padding-top: 1px; padding-top: 1px;
top: -1px; top: -1px;
...@@ -1218,7 +1175,7 @@ html .ui-panel .ui-header > * { ...@@ -1218,7 +1175,7 @@ html .ui-panel .ui-header > * {
font-weight: normal; font-weight: normal;
} }
/* panel closer */ /* panel closer */
html .ui-panel-inner .ui-btn.ui-panel-close { html .ui-panel .ui-btn.ui-panel-close {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
margin: 0; margin: 0;
...@@ -1232,10 +1189,10 @@ html body .ui-panel .ui-collapsible .ui-collapsible-content > .ui-input-search { ...@@ -1232,10 +1189,10 @@ html body .ui-panel .ui-collapsible .ui-collapsible-content > .ui-input-search {
margin: auto; margin: auto;
border-radius: 0; border-radius: 0;
} }
html .ui-panel-inner .ui-btn.ui-panel-close:hover { html .ui-panel .ui-btn.ui-panel-close:hover {
border-color: transparent; border-color: transparent;
} }
html .ui-panel-inner .ui-btn.ui-panel-close:after { html .ui-panel .ui-btn.ui-panel-close:after {
font-size: 1.25em; font-size: 1.25em;
} }
html .ui-btn.ui-panel-close { html .ui-btn.ui-panel-close {
...@@ -1256,22 +1213,22 @@ html .ui-btn.ui-panel-close { ...@@ -1256,22 +1213,22 @@ html .ui-btn.ui-panel-close {
} }
} }
/* panel search input overriding width */ /* panel search input overriding width */
html .ui-panel-inner .ui-input-search { html .ui-panel .ui-input-search {
margin: 2% 1%; margin: 2% 1%;
} }
@media (max-width: 30em) { @media (max-width: 30em) {
html .ui-panel-inner .ui-input-search { html .ui-panel .ui-input-search {
width: 77%; width: 77%;
} }
} }
@media (max-width: 25em) { @media (max-width: 25em) {
html .ui-panel-inner .ui-input-search { html .ui-panel .ui-input-search {
width: 77%; width: 77%;
} }
} }
@media (max-width: 20em) { @media (max-width: 20em) {
html .ui-panel-inner .ui-input-search { html .ui-panel .ui-input-search {
width: 77%; width: 77%;
} }
} }
...@@ -1444,12 +1401,12 @@ html .ui-filterable { ...@@ -1444,12 +1401,12 @@ html .ui-filterable {
/* ================================== listview ============================ */ /* ================================== listview ============================ */
/* no bold h123456 */ /* no bold h123456 */
.ui-page .ui-listview > li h1, html body .ui-page .ui-listview > li h1,
.ui-page .ui-listview > li h2, html body .ui-page .ui-listview > li h2,
.ui-page .ui-listview > li h3, html body .ui-page .ui-listview > li h3,
.ui-page .ui-listview > li h4, html body .ui-page .ui-listview > li h4,
.ui-page .ui-listview > li h5, html body .ui-page .ui-listview > li h5,
.ui-page .ui-listview > li h6 { html body .ui-page .ui-listview > li h6 {
font-weight: normal; font-weight: normal;
display: table-cell; /* not sure about this....*/ display: table-cell; /* not sure about this....*/
} }
...@@ -1562,7 +1519,7 @@ html .ui-filterable { ...@@ -1562,7 +1519,7 @@ html .ui-filterable {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
/* Text position */ /* Text position - no problem on responsive but on regular listview items */
.ui-listview.responsive h1, .ui-listview.responsive h1,
.ui-listview.responsive h2, .ui-listview.responsive h2,
.ui-listview.responsive h3 { .ui-listview.responsive h3 {
...@@ -1675,24 +1632,24 @@ html .ui-panel-inner .ui-listview .ui-li-divider { ...@@ -1675,24 +1632,24 @@ html .ui-panel-inner .ui-listview .ui-li-divider {
padding: 0.5em 1em; padding: 0.5em 1em;
border: 0 none; border: 0 none;
} }
html .ui-panel-inner .ui-listview li a { html .ui-panel .ui-listview li a {
padding: 0.4em 2.75em !important; /* padding: 0.4em 2.75em !important; */
} }
.ui-panel-inner .ui-listview > li h1, html .ui-panel .ui-listview > li h1,
.ui-panel-inner .ui-listview > li h2, html .ui-panel .ui-listview > li h2,
.ui-panel-inner .ui-listview > li h3, html .ui-panel .ui-listview > li h3,
.ui-panel-inner .ui-listview > li h4, html .ui-panel .ui-listview > li h4,
.ui-panel-inner .ui-listview > li h5, html .ui-panel .ui-listview > li h5,
.ui-panel-inner .ui-listview > li h6 { html .ui-panel .ui-listview > li h6 {
font-size: .9em; font-size: .9em;
margin: 0; margin: 0;
} }
.ui-panel-inner .ui-listview > li p { .ui-panel .ui-listview > li p {
font-size: .7em; font-size: .7em;
margin: 0; margin: 0;
} }
.ui-panel-inner .ui-listview .ui-li-has-thumb > img:first-child, html .ui-panel .ui-listview .ui-li-has-thumb > img:first-child,
.ui-panel-inner .ui-listview .ui-li-has-thumb > .ui-btn > img:first-child { html .ui-panel .ui-listview .ui-li-has-thumb > .ui-btn > img:first-child {
max-height: 2.5em; max-height: 2.5em;
max-width: 2.5em; max-width: 2.5em;
overflow: hidden; overflow: hidden;
...@@ -1826,35 +1783,35 @@ html .ui-btn.ui-checkbox-on.ui-checkbox-on:after { ...@@ -1826,35 +1783,35 @@ html .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
} }
/* filterable */ /* filterable */
html .ui-panel-inner .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, html .ui-panel .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
html .ui-panel-inner .ui-input-search .ui-input-action, html .ui-panel .ui-input-search .ui-input-action,
html .ui-input-text .ui-input-clear, html .ui-input-text .ui-input-clear,
html .ui-input-text .ui-input-clear:hover { html .ui-input-text .ui-input-clear:hover {
background-image: none; background-image: none;
} }
html .ui-panel-inner .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear { html .ui-panel .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear {
margin: -9px 0.3125em 0; margin: -9px 0.3125em 0;
} }
html .ui-input-search .ui-input-clear:after, html .ui-input-search .ui-input-clear:after,
html .ui-input-search .ui-input-action:after { html .ui-input-search .ui-input-action:after {
margin-top: -12px; margin-top: -12px;
} }
html .ui-panel-inner .ui-input-search .ui-input-clear:after, html .ui-panel .ui-input-search .ui-input-clear:after,
html .ui-panel-inner .ui-input-search .ui-input-action:after { html .ui-panel .ui-input-search .ui-input-action:after {
margin-top: -16px; margin-top: -16px;
} }
/* reset */ /* reset */
html.ui-nosvg .ui-panel-inner .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, html.ui-nosvg .ui-panel .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
html.ui-nosvg .ui-panel-inner .ui-input-search .ui-input-action { html.ui-nosvg .ui-panel .ui-input-search .ui-input-action {
margin: -15px 0.3125em 0; margin: -15px 0.3125em 0;
} }
html .ui-panel-inner .ui-input-search .ui-input-clear:after, html .ui-panel .ui-input-search .ui-input-clear:after,
html .ui-panel-inner .ui-input-search .ui-input-action:after { html .ui-panel .ui-input-search .ui-input-action:after {
font-size: 1.25em; font-size: 1.25em;
} }
/* /*
html .ui-panel-inner .ui-input-search .ui-input-clear:focus, html .ui-panel .ui-input-search .ui-input-clear:focus,
html .ui-panel-inner .ui-input-search .ui-input-action:focus { html .ui-panel .ui-input-search .ui-input-action:focus {
-webkit-box-shadow: none; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
box-shadow: none; box-shadow: none;
...@@ -1896,7 +1853,7 @@ html .ui-collapsible { ...@@ -1896,7 +1853,7 @@ html .ui-collapsible {
html .ui-collapsible h1 { html .ui-collapsible h1 {
font-size: .9em; font-size: .9em;
} }
html .ui-panel-inner .ui-collapsible h1 a.ui-collapsible-heading-toggle { html .ui-panel .ui-collapsible h1 a.ui-collapsible-heading-toggle {
padding: 0.4em 2.75em !important; padding: 0.4em 2.75em !important;
font-weight: bold; font-weight: bold;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7