height: 100%
pointer-events: none
- &[data-bg-type="standard"]
- height: 160px
-
- .m &
- height: 20%
-
- &[data-bg-type="draganddropArea1"], &[data-bg-type="draganddropArea2"]
- width: 260px
- .m &
- width: 100%
- left: 0
- right: auto
-
- &[data-bg-type="draganddropArea2"]
- left: auto
- right: 0
-
- .m &
- top: auto
- bottom: 0
-
-
img
width: 100%
height: 100%
<div class="container-screen none question-draganddrop" data-type="draganddrop" data-screen="q-{{$position}}">
+ @include('components.background',['data'=>$data,'name'=>'draganddrop','fit'=>'fill'])
@include('screens.question_draganddrop_area',['data'=>$data,'area'=>1,'question'=>$question,'theme'=>$theme])
<div class="fill-area area1"></div>
<div class="fill-area area2"></div>
<div class="screen-image zone-{{$area}} notDrag" data-zone="zone-{{$area}}">
- @include('components.background',['data'=>$data,'name'=>'draganddropArea'.$area,'fit'=>'fill'])
<div class="zone-content">
<div class="text">
<h2>{{ $question['area_'.$area]['title'] }}</h2>