replaced wizard css class name with wizard-creator

This commit is contained in:
Francesco Mangiacrapa 2021-03-19 11:28:12 +01:00
parent 5b2831f5dc
commit 0409cb1a70
2 changed files with 14 additions and 14 deletions

View File

@ -3,7 +3,7 @@
xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:b="urn:import:com.github.gwtbootstrap.client.ui"> xmlns:b="urn:import:com.github.gwtbootstrap.client.ui">
<g:HTMLPanel addStyleNames="wizard" <g:HTMLPanel addStyleNames="wizard-creator"
ui:field="theWizardContainer"> ui:field="theWizardContainer">
</g:HTMLPanel> </g:HTMLPanel>

View File

@ -56,16 +56,16 @@
} }
/* WIZARD CLASSES */ /* WIZARD-CREATOR CLASSES */
.wizard { .wizard-creator {
width: 100%; width: 100%;
border-spacing: 6px; border-spacing: 6px;
border-collapse: separate; border-collapse: separate;
display: table; display: table;
} }
.wizard div { .wizard-creator div {
padding: 10px 12px 10px; padding: 10px 12px 10px;
background: #efefef; background: #efefef;
position: relative; position: relative;
@ -73,7 +73,7 @@
display: table-cell; display: table-cell;
} }
.wizard div:before { .wizard-creator div:before {
width: 0; width: 0;
height: 0; height: 0;
border-top: 20px inset transparent; border-top: 20px inset transparent;
@ -85,7 +85,7 @@
left: 0; left: 0;
} }
.wizard div:after { .wizard-creator div:after {
width: 0; width: 0;
height: 0; height: 0;
border-top: 20px inset transparent; border-top: 20px inset transparent;
@ -98,33 +98,33 @@
z-index: 2; z-index: 2;
} }
.wizard div:first-child:before, .wizard-creator div:first-child:before,
.wizard div:last-child:after { .wizard-creator div:last-child:after {
border: none; border: none;
} }
.wizard div:first-child { .wizard-creator div:first-child {
border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;
} }
.wizard div:last-child { .wizard-creator div:last-child {
border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
} }
.wizard .badge-wiz { .wizard-creator .badge-wiz {
margin: 0 5px 0 18px; margin: 0 5px 0 18px;
} }
.wizard div:first-child .badge { .wizard-creator div:first-child .badge {
margin-left: 0; margin-left: 0;
} }
.wizard .current { .wizard-creator .current {
background: #007ACC; background: #007ACC;
color: #fff; color: #fff;
} }
.wizard .current:after { .wizard-creator .current:after {
border-left-color: #007ACC; border-left-color: #007ACC;
} }