#2636: DropArea.module.scss
projectforge-webapp/src/components/design/droparea/DropArea.module.scss Typ: SCSS-Stylesheet · Quelle: projectforge-webapp/src/components/design/droparea/DropArea.module.scss 54 Zeilen · 48 Code · 0 Kommentare · 6 leer
SCSS-Stylesheet, das visuelle Stile für das ProjectForge-Web-Frontend definiert.
Inhalt
div.dropArea {
input.file {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
span.info {
padding: 15px 30px;
text-align: center;
font-size: 16px;
color: #656565;
display: table-cell;
vertical-align: middle;
margin-top: 20px;
cursor: pointer;
.icon {
margin-right: 10px;
}
}
&.inDrag {
div.background {
background-color: #eee;
}
}
&:not(.noStyle) {
overflow: hidden;
border-radius: 5px;
display: table;
cursor: pointer;
div.background {
background-color: #F1F1F1;
box-shadow: 0 2px 0 #f9f8f8, inset 0 2px 2px #eaeaea;
width: 100%;
height: 100%;
display: table;
&:hover {
background: #DEE2E6;
box-shadow: 0 2px 0 #E6EAEE, inset 0 2px 2px #D7DBDF;
cursor: grab;
}
}
}
}
Git-Verlauf
36beb03c0 Korrektur DropArea
96d5b92ba Korrektur DropArea-Stil
c2185fcae Korrektur DropArea-Schatten und -Farben
7b1c92578 Korrektur einiger SCSS-Sachen
4b92c8d01 DropArea hinzugefügt