meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
sap_hybris_commerce:development_process:css_customization_of_extensions_and_cockpits [2019/08/27 11:28]
Antonio Robirosa [Customization of HMC and HAC]
sap_hybris_commerce:development_process:css_customization_of_extensions_and_cockpits [2019/12/18 20:17] (current)
Line 188: Line 188:
  
 <code> <code>
-config/customize/ext-platform-optional/hmc/web/webroot/css/customize/DEV/environment.cssconfig/customize/ext-platform-optional/hmc/web/webroot/css/customize/INT/environment.cssconfig/customize/ext-platform-optional/hmc/web/webroot/css/customize/PRODUCTION/environment.cssconfig/customize/ext-platform-optional/hmc/web/webroot/css/customize/TEST/environment.css+config/customize/ext-platform-optional/hmc/web/webroot/css/customize/DEV/environment.css 
 +config/customize/ext-platform-optional/hmc/web/webroot/css/customize/INT/environment.css 
 +config/customize/ext-platform-optional/hmc/web/webroot/css/customize/PRODUCTION/environment.css 
 +config/customize/ext-platform-optional/hmc/web/webroot/css/customize/TEST/environment.css
 </code> </code>
  
 The CSS styles must override the original ones with different colours like: The CSS styles must override the original ones with different colours like:
  
-<code> +<code css
-/* HMC */.tbody.page-header {    height: 71px;    background-image: none;    background-color: #50A125;}tr.page-header {    height: 71px;    background-image: none;    background-color: #50A125;}td table.toolbar {    background-color: #50A125;}.page-header-right:before {    content: "Produktion";}.page-header-right {    font-size: 42px;    color: red;    text-shadow: 1px 1px 0 white,    -1px 1px 0 white,    1px -1px 0 white,    -1px -1px 0 white,    0px 1px 0 white,    0px -1px 0 white,    -1px 0px 0 white,    1px 0px 0 white,    2px 2px 0 white,    -2px 2px 0 white,    2px -2px 0 white,    -2px -2px 0 white,    0px 2px 0 white,    0px -2px 0 white,    -2px 0px 0 white,    2px 0px 0 white,    1px 2px 0 white,    -1px 2px 0 white,    1px -2px 0 white,    -1px -2px 0 white,    2px 1px 0 white,    -2px 1px 0 white,    2px -1px 0 white,    -2px -1px 0 white;}body > form > table {    background-image: none;    background-color: #50A125;}/* HAC */body.logincontainer {    background: #50A125 none !important;}header.span-24 {    background: #50A125 none !important;}#loginInfo:after {    content: "Produktion";    font-size: 18px;    color: red;}+/* HMC */ 
 +.tbody.page-header { 
 +    height: 71px; 
 +    background-image: none; 
 +    background-color: #50A125; 
 +} 
 + 
 +tr.page-header { 
 +    height: 71px; 
 +    background-image: none; 
 +    background-color: #50A125; 
 +} 
 +td table.toolbar { 
 +    background-color: #50A125; 
 +} 
 +.page-header-right:before { 
 +    content: "Produktion"; 
 +} 
 +.page-header-right { 
 +    font-size: 42px; 
 +    color: red; 
 +    text-shadow: 1px 1px 0 white, 
 +    -1px 1px 0 white, 
 +    1px -1px 0 white, 
 +    -1px -1px 0 white, 
 +    0px 1px 0 white, 
 +    0px -1px 0 white, 
 +    -1px 0px 0 white, 
 +    1px 0px 0 white, 
 +    2px 2px 0 white, 
 +    -2px 2px 0 white, 
 +    2px -2px 0 white, 
 +    -2px -2px 0 white, 
 +    0px 2px 0 white, 
 +    0px -2px 0 white, 
 +    -2px 0px 0 white, 
 +    2px 0px 0 white, 
 +    1px 2px 0 white, 
 +    -1px 2px 0 white, 
 +    1px -2px 0 white, 
 +    -1px -2px 0 white, 
 +    2px 1px 0 white, 
 +    -2px 1px 0 white, 
 +    2px -1px 0 white, 
 +    -2px -1px 0 white; 
 +} 
 +body > form > table { 
 +    background-image: none; 
 +    background-color: #50A125; 
 +} 
 + 
 +/* HAC */ 
 +body.logincontainer { 
 +    background: #50A125 none !important; 
 +} 
 + 
 +header.span-24 { 
 +    background: #50A125 none !important; 
 +} 
 + 
 +#loginInfo:after { 
 +    content: "Produktion"; 
 +    font-size: 18px; 
 +    color: red; 
 +}
 </code> </code>
  
Line 200: Line 267:
  
 <code> <code>
-<%@ page import="de.hybris.platform.util.Config" %><link rel="stylesheet" href="/<%=Config.getString("hmc.webroot","")%>/css/customize/<%=Config.getString("deploymentscripts.environment.current","PRODUCTION")%>/environment.css">+<%@ page import="de.hybris.platform.util.Config" %> 
 +<link rel="stylesheet" href="/<%=Config.getString("hmc.webroot","")%>/css/customize/<%=Config.getString("deploymentscripts.environment.current","PRODUCTION")%>/environment.css">
 </code> </code>