1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-26 18:10:27 +00:00
TiddlyWiki5/plugins/tiddlywiki/upgrade/styles.tid
Jermolene 0a716ca0ef Fix problem with file picker overflow
On Chrome the invisible file picker was extending below its container.
2014-07-17 11:26:11 +01:00

61 lines
1.1 KiB
Plaintext

title: $:/plugins/tiddlywiki/upgrade/styles
tags: $:/tags/stylesheet
.tw-upgrade-wizard-wrapper {
width: 100%;
text-align: center;
margin-bottom: 3em;
}
.tw-upgrade-wizard {
background: <<colour tiddler-background>>;
padding: 2em;
display: inline-block;
position: relative;
border: 1px solid #ddd;
<<box-shadow "inset 1px 2px 4px rgba(0, 0, 0, 0.15)">>;
overflow: hidden;
}
.tw-upgrade-wizard svg.tw-image-download-button {
width: 14em;
height: 14em;
fill: <<colour muted-foreground>>;
}
.tw-upgrade-wizard:hover svg.tw-image-download-button {
fill: <<colour foreground>>;
}
.tw-upgrade-wizard svg .tw-image-download-button-ring {
}
.tw-upgrade-wizard:hover svg .tw-image-download-button-ring {
fill: <<colour primary>>;
}
.tw-upgrade-wizard em {
color: <<colour tiddler-subtitle-foreground>>;
}
.tw-upgrade-wizard table {
text-align: left;
}
.tw-upgrade-wizard input[type=file] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 999px;
max-width: 100%;
max-height: 100%;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: pointer;
display: block;
}