forge-joniko/ldc-supportweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Ticket 774 : fix buttons layout for better visibility

Browse source
This commit is contained in:
Alexis Gousseau 2022-03-31 16:10:08 +02:00
parent 93c08dcf10
commit b7a0a31d28
1 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
resources/js/components/ScheduleComponent.vue
View file

@ -689,15 +689,6 @@ table.schedules_table {
.cellsizer {
height: 50px;
&:hover {
height: 150px;
position: absolute;
width: 200%;
left: -50%;
top: -50%;
z-index: 20;
border: 1px solid;
}
text-overflow: ellipsis;
overflow: hidden;
b {
@ -713,6 +704,16 @@ table.schedules_table {
&:hover .btn {
opacity: 1;
}
&:hover .cellsizer{
height: 150px;
padding-left: 2rem;
position: absolute;
width: 200%;
left: -50%;
top: -50%;
z-index: 20;
border: 1px solid;
}
$buttonBgColor: #4d4d4d;
// Reset button Style to nice one
@ -753,14 +754,13 @@ table.schedules_table {
.btn {
position: absolute;
top: 0.1rem;
right: 0.1rem;
left: 0.1rem;
padding: 0;
width: 1.8rem;
height: 1.8rem;
margin: 0;
background-color: $buttonBgColor;
opacity: 0;
transition: 200ms opacity;
&.hide {
opacity: 0 !important;
}
@ -772,16 +772,17 @@ table.schedules_table {
color: darken($color: #fff, $amount: 5);
}
&:nth-last-child(2) {
top: 2.1rem;
right: inherit;
left: 0.1rem;
}
&:nth-last-child(3) {
right: inherit;
top: 2.1rem;
top: 4.1rem;
left: 0.1rem;
}
&:nth-last-child(1) {
top: 2.1rem;
top: calc(150px - 2rem);
right: 0.1rem;
}
}