scinote-web/app/assets/stylesheets/steps/components/text.scss

62 lines
1 KiB
SCSS
Raw Normal View History

2022-05-10 19:28:09 +08:00
.step-text-container {
display: flex;
border-radius: 4px;
2022-05-10 19:28:09 +08:00
margin-bottom: 16px;
padding-left: var(--left-component-padding);
2022-05-10 19:28:09 +08:00
position: relative;
width: calc(100% + 16px);
.step-element-grip-placeholder {
flex: 0;
}
2022-05-10 19:28:09 +08:00
2022-07-15 20:58:06 +08:00
.empty-text-element {
color: $color-silver-chalice;
}
.buttons-container {
background: linear-gradient(
90deg,
transparent 0%,
$color-concrete 25%,
$color-concrete 100%
);
border-radius: 4px;
display: none;
padding-left: 2em;
position: absolute;
right: 0;
2022-05-10 19:28:09 +08:00
}
.step-element-grip {
2022-05-10 19:28:09 +08:00
align-items: center;
2022-06-21 17:32:27 +08:00
color: $color-silver-chalice;
2022-05-10 19:28:09 +08:00
display: none;
height: 100%;
justify-content: center;
left: 0;
2022-06-21 17:32:27 +08:00
padding: .5em;
2022-05-10 19:28:09 +08:00
position: absolute;
}
2022-07-15 20:58:06 +08:00
&:hover:not(.edit):not(.locked) {
2022-05-10 19:28:09 +08:00
background: $color-concrete;
.buttons-container {
display: flex;
}
.step-element-grip {
2022-05-10 19:28:09 +08:00
display: flex;
}
}
&.edit {
.buttons-container,
.step-element-grip {
2022-05-10 19:28:09 +08:00
display: none;
}
}
}