Add styles for the mcw (Fix #51).

This commit is contained in:
David Molineus
2017-10-16 16:58:17 +02:00
parent e6689d4d45
commit c2fd00e6a0
5 changed files with 36 additions and 2 deletions

View File

@@ -268,7 +268,7 @@ $GLOBALS['TL_DCA']['tl_leaflet_control'] = [
['netzmacht.contao_leaflet.listeners.dca.control', 'saveLayerRelations'],
],
'eval' => [
'tl_class' => 'clr',
'tl_class' => 'leaflet-mcw leaflet-mcw-control-layers',
'columnFields' => [
'layer' => [
'label' => &$GLOBALS['TL_LANG']['tl_leaflet_control']['layer'],

View File

@@ -810,6 +810,7 @@ $GLOBALS['TL_DCA']['tl_leaflet_layer'] = [
'inputType' => 'multiColumnWizard',
'options_callback' => ['netzmacht.contao_leaflet.listeners.dca.layer', 'getIcons'],
'eval' => [
'tl_class' => 'leaflet-mcw leaflet-mcw-amenity-icons',
'columnFields' => [
'amenity' => [
'label' => &$GLOBALS['TL_LANG']['tl_leaflet_layer']['amenity'],

View File

@@ -195,6 +195,7 @@ $GLOBALS['TL_DCA']['tl_leaflet_map'] = [
'eval' => [
'multiple' => true,
'doNotSaveEmpty' => true,
'tl_class' => 'leaflet-mcw leaflet-mcw-map-layers',
'columnFields' => [
'reference' => [
'label' => &$GLOBALS['TL_LANG']['tl_leaflet_map']['reference'],
@@ -206,7 +207,6 @@ $GLOBALS['TL_DCA']['tl_leaflet_map'] = [
'tl_class' => 'w50',
'chosen' => true,
'includeBlankOption' => true,
'style' => 'width: 300px',
],
'sql' => "int(10) unsigned NOT NULL default '0'",
],

View File

@@ -326,6 +326,7 @@ $GLOBALS['TL_DCA']['tl_leaflet_vector'] = [
'inputType' => 'multiColumnWizard',
'search' => false,
'eval' => [
'tl_class' => 'leaflet-mcw',
'mandatory' => true,
'alwaysSave' => true,
'flatArray' => true,

View File

@@ -26,3 +26,35 @@
.long .tl_text_2 {
width: 325px;
}
.leaflet-mcw {
clear: both;
}
.leaflet-mcw .tl_modulewizard {
width: 100%;
}
.leaflet-mcw .multicolumnwizard textarea,
.leaflet-mcw .multicolumnwizard .tl_select {
width: 100% !important;
}
.leaflet-mcw .tl_modulewizard td:first-child {
width: auto;
}
@media screen and (min-width: 768px) {
.leaflet-mcw .tl_modulewizard {
max-width: 75%;
}
.leaflet-mcw-map-layers .tl_modulewizard {
max-width: 45%;
}
.leaflet-mcw-amenity-icons td:nth-child(1),
.leaflet-mcw-control-layers td:nth-child(2) {
width: 35%;
}
}