Page Menu
Home
Phorge
Search
Configure Global Search
Log In
Files
F111936
6464.169260b661120cc50815.css.map
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Award Token
Flag For Later
Size
3 KB
Referenced Files
None
Subscribers
None
6464.169260b661120cc50815.css.map
View Options
{
"version"
:
3
,
"file"
:
"static/css/6464.169260b661120cc50815.css"
,
"mappings"
:
"AAEA,oBACE,gBAGF,yBACE,mBAAoB,CACpB,sBAAuB,CACvB,oBAAqB,CAErB,eACA,kBACA,qBAEA,wBADA,sCACA,CAEA,+BACE,eACA,iBAGF,yBAhBF,yBAqBI,aAGF,0BAxBF,yBAyBI,cAGF,kCAGE,8CACA,4CAFA,wCADA,eAGA,CAGE,iDACE,oCAKN,qCAGE,gCADA,mBADA,oBAEA,CAGF,uCAGE,eACA,2BAFA,kBADA,UAGA,CAGF,sCAWE,gDAJA,YANA,qCACA,2CAUA,oBAHA,kBACA,kBAPA,+DAEA,wBADA,uCAEA,WAEA,UAIA,CAGF,qCACE,+BAGF,wCACE,kCAGF,2CAKE,6GACE,CADF,sGADA,gBAHA,qCAEA,wBADA,kCAIE,CAIJ,qCACE,iBAGF,+BAKE,uCAEA,4CACE,YAEA,0BADA,UACA,CAGF,iDACE"
,
"sources"
:
[
"webpack://pleroma_fe/./src/components/update_notification/update_notification.scss"
],
"sourcesContent"
:
[
"@import
\"
src/variables
\"
;
\n\n
.UpdateNotification {
\n
overflow: hidden;
\n
}
\n\n
.UpdateNotificationModal {
\n
--__top-fringe: 15em; // how much pleroma-tan should stick her head above
\n
--__bottom-fringe: 80em; // just reserving as much as we can, number is mostly irrelevant
\n
--__right-fringe: 8em;
\n\n
font-size: 15px;
\n
position: relative;
\n
transition: transform;
\n
transition-timing-function: ease-in-out;
\n
transition-duration: 500ms;
\n\n
.text {
\n
max-width: 40em;
\n
padding-left: 1em;
\n
}
\n\n
@media all and (max-width: 800px) {
\n
/* For mobile, the modal takes 100% of the available screen.
\n
This ensures the minimized modal is always 50px above the browser
\n
bottom bar regardless of whether or not it is visible.
\n
*/
\n
width: 100vw;
\n
}
\n\n
@media all and (max-height: 600px) {
\n
display: none;
\n
}
\n\n
.content {
\n
overflow: hidden;
\n
margin-top: calc(-1 * var(--__top-fringe));
\n
margin-bottom: calc(-1 * var(--__bottom-fringe));
\n
margin-right: calc(-1 * var(--__right-fringe));
\n\n
&.-noImage {
\n
.text {
\n
padding-right: var(--__right-fringe);
\n
}
\n
}
\n
}
\n\n
.panel-body {
\n
border-width: 0 0 1px;
\n
border-style: solid;
\n
border-color: var(--border, $fallback--border);
\n
}
\n\n
.panel-footer {
\n
z-index: 22;
\n
position: relative;
\n
border-width: 0;
\n
grid-template-columns: auto;
\n
}
\n\n
.pleroma-tan {
\n
object-fit: cover;
\n
object-position: top;
\n
transition: position, left, right, top, bottom, max-width, max-height;
\n
transition-timing-function: ease-in-out;
\n
transition-duration: 500ms;
\n
width: 25em;
\n
float: right;
\n
z-index: 20;
\n
position: relative;
\n
shape-margin: 0.5em;
\n
filter: drop-shadow(5px 5px 10px rgb(0 0 0 / 50%));
\n
pointer-events: none;
\n
}
\n\n
.spacer-top {
\n
min-height: var(--__top-fringe);
\n
}
\n\n
.spacer-bottom {
\n
min-height: var(--__bottom-fringe);
\n
}
\n\n
.extra-info-group {
\n
transition: max-height, padding, height;
\n
transition-timing-function: ease-in;
\n
transition-duration: 700ms;
\n
max-height: 70vh;
\n
mask:
\n
linear-gradient(to top, white, transparent) bottom/100% 2px no-repeat,
\n
linear-gradient(to top, white, white);
\n
}
\n\n
.art-credit {
\n
text-align: right;
\n
}
\n\n
&.-peek {
\n
/* Explanation:
\n
* 100vh - 100% = Distance between modal's top+bottom boundaries and screen
\n
* (100vh - 100%) / 2 = Distance between bottom (or top) boundary and screen
\n
*/
\n
transform: translateY(calc(((100vh - 100%) / 2)));
\n\n
.pleroma-tan {
\n
float: right;
\n
z-index: 10;
\n
shape-image-threshold: 70%;
\n
}
\n\n
.extra-info-group {
\n
max-height: 0;
\n
}
\n
}
\n
}
\n
"
],
"names"
:
[],
"sourceRoot"
:
""
}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Fri, Nov 22, 6:30 AM (8 h, 52 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
38670
Default Alt Text
6464.169260b661120cc50815.css.map (3 KB)
Attached To
Mode
rPUBE pleroma-upstream
Attached
Detach File
Event Timeline
Log In to Comment