moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-09 10:56:56 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'MDL-80850-main' of https://github.com/HuongNV13/moodle

Browse source
This commit is contained in:
Ilya Tregubov 2024-03-21 14:24:42 +08:00
commit 1e13aa23b6
10 changed files with 310 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

42
theme/boost/scss/moodle/core.scss
View file

@ -2835,6 +2835,48 @@ body.dragging {
cursor: move;
}
.dropzone-container {
cursor: pointer;
.dropzone {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border: 2px dashed $filemanager-dnd-border-color;
border-radius: 0.5rem;
&.dragover {
border: 2px dashed $filemanager-dnd-upload-over-border-color;
}
}
.dropzone-icon {
color: $gray-500;
.icon {
font-size: 6em;
width: auto;
height: auto;
max-width: initial;
max-height: initial;
margin-right: 0;
}
}
.dropzone-sr-only-focusable {
&:active,
&:focus {
outline: 0;
box-shadow: $input-btn-focus-box-shadow;
z-index: $zindex-popover;
position: relative;
background: $sr-only-active-bg;
padding: 7px;
}
}
}
// Generic classes reactive components can use.
.overlay-preview {

34
theme/boost/style/moodle.css
View file

@ -25789,6 +25789,40 @@ body.dragging .dragging {
cursor: move;
}
.dropzone-container {
cursor: pointer;
}
.dropzone-container .dropzone {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border: 2px dashed #bbb;
border-radius: 0.5rem;
}
.dropzone-container .dropzone.dragover {
border: 2px dashed #6c8cd3;
}
.dropzone-container .dropzone-icon {
color: #8f959e;
}
.dropzone-container .dropzone-icon .icon {
font-size: 6em;
width: auto;
height: auto;
max-width: initial;
max-height: initial;
margin-right: 0;
}
.dropzone-container .dropzone-sr-only-focusable:active, .dropzone-container .dropzone-sr-only-focusable:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
z-index: 1060;
position: relative;
background: #fff;
padding: 7px;
}
.overlay-preview {
background-color: rgba(255, 255, 255, 0.8);
border: 2px dashed #0f6cbf;

34
theme/classic/style/moodle.css
View file

@ -25789,6 +25789,40 @@ body.dragging .dragging {
cursor: move;
}
.dropzone-container {
cursor: pointer;
}
.dropzone-container .dropzone {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border: 2px dashed #bbb;
border-radius: 0.5rem;
}
.dropzone-container .dropzone.dragover {
border: 2px dashed #6c8cd3;
}
.dropzone-container .dropzone-icon {
color: #8f959e;
}
.dropzone-container .dropzone-icon .icon {
font-size: 6em;
width: auto;
height: auto;
max-width: initial;
max-height: initial;
margin-right: 0;
}
.dropzone-container .dropzone-sr-only-focusable:active, .dropzone-container .dropzone-sr-only-focusable:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
z-index: 1060;
position: relative;
background: #fff;
padding: 7px;
}
.overlay-preview {
background-color: rgba(255, 255, 255, 0.8);
border: 2px dashed #0f6cbf;