b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
108 lines
2.7 KiB
CSS
108 lines
2.7 KiB
CSS
/*
|
|
* This file contains styles shared between views when they're in edit mode.
|
|
* View edit mode is activated via Options -> Select threads/messages.
|
|
*/
|
|
|
|
|
|
/* Override Building Block [Edit mode] styles */
|
|
form[role="dialog"][data-type="edit"] gaia-header {
|
|
transform: translateY(-110%);
|
|
}
|
|
|
|
form[role="dialog"][data-type="edit"] > menu {
|
|
transform: translateY(110%);
|
|
}
|
|
|
|
/* Add a margin at the end of the last thread or message node to avoid overlay
|
|
* with the edit mode menu */
|
|
.edit .edit-container {
|
|
padding-bottom: 7rem;
|
|
}
|
|
|
|
#main-wrapper.edit [data-type="list"] li a {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.edit .bottom-tab[role="region"] {
|
|
visibility: visible;
|
|
}
|
|
|
|
/* Override Building Block Tabs styles */
|
|
form[role="dialog"][data-type="edit"] .bb-tablist:before {
|
|
bottom: 5.5rem ;
|
|
}
|
|
|
|
form[role="dialog"][data-type="edit"] .bb-tablist > li {
|
|
height: 5.5rem ;
|
|
}
|
|
|
|
.bb-tablist > li button {
|
|
background-position: 50% 50% ;
|
|
}
|
|
|
|
.bb-tablist > li button[data-action="delete-button"] {
|
|
background-image: image-set(url("images/icons/delete.png") 1x, url("images/icons/delete@1.5x.png") 1.5x, url("images/icons/delete@2x.png") 2x, url("images/icons/delete@2.25x.png") 2.25x);
|
|
}
|
|
|
|
/* Lists: edit mode */
|
|
html[dir="ltr"] .edit [data-type="list"] li > a {
|
|
transform: translateX(-1.5rem);
|
|
}
|
|
html[dir="rtl"] .edit [data-type="list"] li > a {
|
|
transform: translateX(1.5rem);
|
|
}
|
|
|
|
.edit [data-type="list"] li > label {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
html[dir="ltr"] .edit [data-type="list"] li > label {
|
|
transform: translateX(2rem);
|
|
}
|
|
html[dir="rtl"] .edit [data-type="list"] li > label {
|
|
transform: translateX(-2rem);
|
|
}
|
|
|
|
.edit [data-type="list"] li > .pack-checkbox input ~ span:after {
|
|
opacity: 1;
|
|
}
|
|
html[dir="ltr"] .edit [data-type="list"] li > .pack-checkbox input ~ span:after {
|
|
transform: translateX(2.5rem);
|
|
}
|
|
html[dir="rtl"] .edit [data-type="list"] li > .pack-checkbox input ~ span:after {
|
|
transform: translateX(-2.5rem);
|
|
}
|
|
|
|
.edit [data-type="list"] li > a > p {
|
|
margin-inline-end: 3.4rem;
|
|
}
|
|
html[dir="ltr"] .edit [data-type="list"] li > a > p {
|
|
transform: translateX(5rem);
|
|
}
|
|
html[dir="rtl"] .edit [data-type="list"] li > a > p {
|
|
transform: translateX(-5rem);
|
|
}
|
|
|
|
/* Currently is used in ConversationView only */
|
|
html[dir="ltr"] .edit [data-type="list"] .danger {
|
|
transform: translateX(2.5rem);
|
|
}
|
|
html[dir="rtl"] .edit [data-type="list"] .danger {
|
|
transform: translateX(-2.5rem);
|
|
}
|
|
|
|
form[role="dialog"][data-type="edit"] {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.edit form[role="dialog"][data-type="edit"] {
|
|
visibility: visible;
|
|
}
|
|
|
|
.edit form[role="dialog"][data-type="edit"] > menu {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.edit form[role="dialog"][data-type="edit"] gaia-header {
|
|
transform: translateY(0);
|
|
}
|