sample skeleton application with dojo toolkit & arcgis js api v 4.30
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

90 lines
1.9 KiB

/* dojox.mobile.ToolBarButton */
.mblToolBarButton {
display: inline-block;
position: relative;
cursor: pointer;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
margin: 6px;
padding: 0 10px;
height: 29px;
line-height: 29px;
text-align: center;
font-family: Helvetica;
font-size: 13px;
font-weight: bold;
vertical-align: middle;
}
.mblToolBarButtonHasIcon,
.mblToolBarButtonLightIcon {
padding: 0;
}
.mblHeading .mblToolBarButton {
float: left;
}
.mblHeading span.mblToolBarButtonLightIcon {
padding: 0;
}
.mblToolBarButtonHasLeftArrow {
padding-right: 0;
padding-left: 10px;
}
.mblToolBarButtonHasRightArrow {
padding-left: 0;
padding-right: 10px;
}
.mblToolBarButtonArrow {
position: absolute;
top: 5px;
width: 20px;
height: 19px;
border-radius: 1px;
-webkit-transform: scale(0.7, 1) rotate(45deg);
transform: scale(0.7, 1) rotate(45deg);
border: 1px solid #9cacc0;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonArrow {
left: 1px;
border: 1px inset #9cacc0;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonArrow {
right: 0px;
border: 1px inset #9cacc0;
}
.mblToolBarButtonBody {
display: inline-block;
position: relative;
overflow: hidden;
border-radius: 5px;
border: 1px outset #9cacc0;
}
.mblToolBarButton .mblToolBarButtonBody {
width: 100%;
}
.mblHeading .mblToolBarButtonBody {
border: 1px inset #9cacc0;
}
.mblToolBarButtonBody table {
margin: 0 auto;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonBody {
border-left-width: 0;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonBody {
border-right-width: 0;
}
.mblToolBarButtonText .mblToolBarButtonIcon {
padding-left: 10px;
}
.mblToolBarButtonText .mblToolBarButtonLabel {
padding-right: 10px;
height: 29px;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonIcon {
padding-left: 4px;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonLabel {
padding-right: 4px;
}
.mblToolBarButtonIcon > div {
height: 29px;
}