mirror of https://gitlab.com/bashrc2/epicyon
Remove previous dropdown
parent
128102a603
commit
429984c431
|
|
@ -813,39 +813,6 @@ input[type=submit]:hover {
|
|||
}
|
||||
|
||||
|
||||
/* Dropdown Content (Hidden by Default) */
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: var(--dropdown-bg-color);
|
||||
min-width: 600px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Links inside the dropdown */
|
||||
.dropdown-content a {
|
||||
background-color: var(--dropdown-bg-color);
|
||||
color: var(--dropdown-fg-color);
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dropdown-content img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
padding: 0px 0px;
|
||||
}
|
||||
|
||||
/* Change color of dropdown links on hover */
|
||||
.dropdown-content a:hover {
|
||||
color: var(--dropdown-fg-color-hover);
|
||||
background-color: var(--dropdown-bg-color-hover);
|
||||
}
|
||||
|
||||
/* Show the dropdown menu on hover */
|
||||
.show {display: block;}
|
||||
|
||||
.slider {
|
||||
-webkit-appearance: none;
|
||||
|
|
@ -910,8 +877,6 @@ div.gallery img {
|
|||
}
|
||||
|
||||
li { list-style:none;}
|
||||
.msgscope-collapse { position: relative; }
|
||||
.nav { width: 150px; }
|
||||
/***********BUTTON CODE ******************************************************/
|
||||
|
||||
a, button, input:focus, input[type='button'], input[type='reset'], input[type='submit'], textarea:focus, .button {
|
||||
|
|
@ -922,193 +887,10 @@ a, button, input:focus, input[type='button'], input[type='reset'], input[type='s
|
|||
transition: all 0.1s ease-in-out;
|
||||
text-decoration: none;
|
||||
}
|
||||
.button-msgScope {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
.button-msgScope button, .button-msgScope div.lined-thin {
|
||||
align-self: center;
|
||||
background: transparent;
|
||||
padding: 1rem 1rem;
|
||||
margin: 0 1rem;
|
||||
transition: all .5s ease;
|
||||
color: var(--dropdown-fg-color);
|
||||
font-size: 2rem;
|
||||
letter-spacing: 1px;
|
||||
outline: none;
|
||||
}
|
||||
.btn {
|
||||
margin: -3px 0 0 0;
|
||||
}
|
||||
|
||||
aside .toggle-msgScope input[type='checkbox'] {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.toggle-msgScope {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
|
||||
line-height: 2rem;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
.toggle-msgScope div[class*='toggle-inside'] {
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
}
|
||||
aside .toggle-msgScope input[type='checkbox'] {
|
||||
float:right;
|
||||
}
|
||||
aside .toggle-inside li {
|
||||
padding-left: 20px;
|
||||
width: 100%;
|
||||
margin-left: -15px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.nav li:hover {
|
||||
color: var(--dropdown-fg-color-hover);
|
||||
background-color: var(--dropdown-bg-color-hover);
|
||||
}
|
||||
.nav .toggle-msgScope {
|
||||
overflow: visible;
|
||||
}
|
||||
#msgscope label div {
|
||||
-webkit-transition: all 0.1s ease-in-out;
|
||||
-moz-transition: all 0.1s ease-in-out;
|
||||
-ms-transition: all 0.1s ease-in-out;
|
||||
-o-transition: all 0.1s ease-in-out;
|
||||
transition: all 0.1s ease-in-out;
|
||||
margin: 0 auto;
|
||||
font-size: 1.5rem;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
background-color: var(--dropdown-bg-color);
|
||||
color: var(--dropdown-fg-color);
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
white-space: nowrap;
|
||||
font-size: 0px;
|
||||
line-height: 1.42857143;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
[id*='toggle'] .container, [class*='toggle'] .container {
|
||||
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
|
||||
}
|
||||
[id*='toggle'] {
|
||||
visibility: hidden;
|
||||
appearance:none;
|
||||
cursor:pointer;
|
||||
left:-100%;
|
||||
top:-100%;
|
||||
}
|
||||
[id*='toggle'] + label {
|
||||
cursor:pointer;
|
||||
text-align: left;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
cursor: pointer;
|
||||
transition:all 500ms ease;
|
||||
}
|
||||
[id*='toggle'toggle'toggle'] + label div {
|
||||
transition:all 500ms ease;
|
||||
}
|
||||
[id*='toggle'toggle'toggle'] + label div:after {
|
||||
content:'\002b'; /* open */
|
||||
text-align: left;
|
||||
float: left;
|
||||
}
|
||||
[id*='toggle'toggle'toggle']:checked + label div:after {
|
||||
content:'\2212'; /* close */
|
||||
text-align: left;
|
||||
float: left;
|
||||
}
|
||||
#msgscope label div {
|
||||
-webkit-transition: all 0.1s ease-in-out;
|
||||
-moz-transition: all 0.1s ease-in-out;
|
||||
-ms-transition: all 0.1s ease-in-out;
|
||||
-o-transition: all 0.1s ease-in-out;
|
||||
transition: all 0.1s ease-in-out;
|
||||
margin: 0 auto;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
white-space: nowrap;
|
||||
font-size: 0px;
|
||||
line-height: 1.42857143;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
[id*='toggle'] .container, [class*='toggle'] .container {
|
||||
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
|
||||
}
|
||||
[id*='toggle'] {
|
||||
visibility: hidden;
|
||||
appearance:none;
|
||||
cursor:pointer;
|
||||
left:-100%;
|
||||
top:-100%;
|
||||
}
|
||||
[id*='toggle'] + label {
|
||||
cursor:pointer;
|
||||
text-align: left;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
cursor: pointer;
|
||||
transition:all 500ms ease;
|
||||
}
|
||||
[id*='toggle'] + label div {
|
||||
transition:all 500ms ease;
|
||||
}
|
||||
[id*='toggle'] + label div:after {
|
||||
content:'\002b'; /* open */
|
||||
text-align: left;
|
||||
float: left;
|
||||
}
|
||||
[id*='toggle']:checked + label div:after {
|
||||
content:'\2212'; /* close */
|
||||
text-align: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nav [id*='toggle'] + label div:after {
|
||||
content:' '; /* open */
|
||||
}
|
||||
.nav [id*='toggle']:checked + label div:after {
|
||||
content:' '; /* close */
|
||||
}
|
||||
|
||||
[id*='toggle']:checked ~ .container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[id*='toggle']:checked ~ .toggle-inside {
|
||||
display: block;
|
||||
}
|
||||
.toggle-msgScope div[class*='toggle-inside'] {
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.containerHeader {
|
||||
overflow: auto;
|
||||
}
|
||||
|
|
@ -1707,40 +1489,6 @@ div.container {
|
|||
border-radius: 1%;
|
||||
width: 15%;
|
||||
}
|
||||
#msgscope label img {
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
padding: 0px 0px;
|
||||
}
|
||||
.toggle-msgScope img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
padding: 0px 0px;
|
||||
}
|
||||
.dropdown-menutoggle {
|
||||
-webkit-margin-start: 0px;
|
||||
-webkit-margin-end: 0px;
|
||||
-webkit-padding-start: 40px;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 21px;
|
||||
width: 300%;
|
||||
min-width: 100%;
|
||||
z-index: 1000;
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 0 17px !important;
|
||||
margin: 2px 0 0 !important;
|
||||
font-size: var(--font-size2);
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
color: var(--dropdown-fg-color);
|
||||
background-color: var(--dropdown-bg-color);
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
input[type=checkbox]
|
||||
{
|
||||
-ms-transform: scale(2);
|
||||
|
|
@ -2364,41 +2112,6 @@ div.container {
|
|||
border-radius: 1%;
|
||||
width: 25%;
|
||||
}
|
||||
#msgscope label img {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
padding: 0px 0px;
|
||||
}
|
||||
.toggle-msgScope img {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin: -15px 0px;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
.dropdown-menutoggle {
|
||||
-webkit-margin-start: 0px;
|
||||
-webkit-margin-end: 0px;
|
||||
-webkit-padding-start: 40px;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 21px;
|
||||
width: 460%;
|
||||
min-width: 100%;
|
||||
z-index: 1000;
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 0 17px !important;
|
||||
margin: 2px 0 0 !important;
|
||||
font-size: var(--font-size3);
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
color: var(--dropdown-fg-color);
|
||||
background-color: var(--dropdown-bg-color);
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
input[type=checkbox]
|
||||
{
|
||||
-ms-transform: scale(4);
|
||||
|
|
|
|||
104
webinterface.py
104
webinterface.py
|
|
@ -2437,7 +2437,7 @@ def htmlNewPostDropDown(scopeIcon: str, scopeDescription: str,
|
|||
dropDownContent += ' data-toggle="newPostDropdown">\n'
|
||||
dropDownContent += ' <img loading="lazy" alt="" title="" src="/' + \
|
||||
iconsDir + '/' + scopeIcon + '"/><b>' + \
|
||||
scopeDescription.strip() + '</b></label>\n'
|
||||
scopeDescription + '</b></label>\n'
|
||||
dropDownContent += ' <ul>\n'
|
||||
|
||||
if showPublicOnDropdown:
|
||||
|
|
@ -2896,21 +2896,6 @@ def htmlNewPost(cssCache: {}, mediaInstance: bool, translate: {},
|
|||
newPostForm += '<img loading="lazy" class="timeline-banner" src="' + \
|
||||
'/users/' + nickname + '/' + bannerFile + '" /></a>\n'
|
||||
|
||||
# only show the share option if this is not a reply
|
||||
shareOptionOnDropdown = ''
|
||||
questionOptionOnDropdown = ''
|
||||
if not replyStr:
|
||||
shareOptionOnDropdown = \
|
||||
'<a href="' + pathBase + \
|
||||
'/newshare"><li><img loading="lazy" alt="" title="" src="/' + \
|
||||
iconsDir + '/scope_share.png"/><b>' + translate['Shares'] + \
|
||||
'</b><br>' + translate['Describe a shared item'] + '</li></a>'
|
||||
questionOptionOnDropdown = \
|
||||
'<a href="' + pathBase + \
|
||||
'/newquestion"><li><img loading="lazy" alt="" title="" src="/' + \
|
||||
iconsDir + '/scope_question.png"/><b>' + translate['Question'] + \
|
||||
'</b><br>' + translate['Ask a question'] + '</li></a>'
|
||||
|
||||
mentionsStr = ''
|
||||
for m in mentions:
|
||||
mentionNickname = getNicknameFromActor(m)
|
||||
|
|
@ -2963,93 +2948,6 @@ def htmlNewPost(cssCache: {}, mediaInstance: bool, translate: {},
|
|||
|
||||
dropDownContent = ''
|
||||
if not reportUrl:
|
||||
dropDownContent += "<div class='msgscope-collapse collapse "
|
||||
dropDownContent += "right desktoponly' id='msgscope'>"
|
||||
dropDownContent += "<ul class='nav msgscope-nav msgscope-right'>"
|
||||
dropDownContent += "<li style='position: relative;'>"
|
||||
|
||||
dropDownContent += "<div class='toggle-msgScope button-msgScope'>"
|
||||
dropDownContent += "<input id='toggleMsgScope' "
|
||||
dropDownContent += "name='toggleMsgScope' type='checkbox'/>"
|
||||
dropDownContent += "<label for='toggleMsgScope'>"
|
||||
|
||||
dropDownContent += "<div class='lined-thin'>"
|
||||
dropDownContent += '<img loading="lazy" alt="" title="" src="/'
|
||||
dropDownContent += iconsDir + '/' + scopeIcon
|
||||
dropDownContent += '"/><b class="scope-desc">'
|
||||
dropDownContent += scopeDescription + '</b>'
|
||||
dropDownContent += "<span class='caret'>"
|
||||
dropDownContent += "</div>"
|
||||
|
||||
dropDownContent += "</label>"
|
||||
dropDownContent += "<div class='toggle-inside'>"
|
||||
dropDownContent += "<ul aria-labelledby='dropdownMsgScope' "
|
||||
dropDownContent += "class='dropdown-menutoggle'>"
|
||||
|
||||
if showPublicOnDropdown:
|
||||
dropDownContent += \
|
||||
'<a href="' + pathBase + dropdownNewPostSuffix + \
|
||||
'"><li><img loading="lazy" alt="" title="" src="/' + \
|
||||
iconsDir + '/scope_public.png"/><b>' + \
|
||||
translate['Public'] + '</b><br>' + \
|
||||
translate['Visible to anyone'] + '</li></a>'
|
||||
if defaultTimeline == 'tlnews':
|
||||
dropDownContent += \
|
||||
'<a href="' + pathBase + dropdownNewBlogSuffix + \
|
||||
'"><li><img loading="lazy" alt="" title="" src="/' + \
|
||||
iconsDir + '/scope_blog.png"/><b>' + \
|
||||
translate['Article'] + '</b><br>' + \
|
||||
translate['Create an article'] + '</li></a>'
|
||||
else:
|
||||
dropDownContent += \
|
||||
'<a href="' + pathBase + dropdownNewBlogSuffix + \
|
||||
'"><li><img loading="lazy" alt="" title="" src="/' + \
|
||||
iconsDir + '/scope_blog.png"/><b>' + \
|
||||
translate['Blog'] + '</b><br>' + \
|
||||
translate['Publicly visible post'] + '</li></a>'
|
||||
dropDownContent += \
|
||||
'<a href="' + pathBase + dropdownUnlistedSuffix + \
|
||||
'"><li><img loading="lazy" alt="" title="" src="/' + \
|
||||
iconsDir+'/scope_unlisted.png"/><b>' + \
|
||||
translate['Unlisted'] + '</b><br>' + \
|
||||
translate['Not on public timeline'] + '</li></a>'
|
||||
dropDownContent += \
|
||||
'<a href="' + pathBase + dropdownFollowersSuffix + \
|
||||
'"><li><img loading="lazy" alt="" title="" src="/' + \
|
||||
iconsDir + '/scope_followers.png"/><b>' + \
|
||||
translate['Followers'] + '</b><br>' + \
|
||||
translate['Only to followers'] + '</li></a>'
|
||||
dropDownContent += \
|
||||
'<a href="' + pathBase + dropdownDMSuffix + \
|
||||
'"><li><img loading="lazy" alt="" title="" src="/' + \
|
||||
iconsDir + '/scope_dm.png"/><b>' + translate['DM'] + \
|
||||
'</b><br>' + translate['Only to mentioned people'] + \
|
||||
'</li></a>'
|
||||
dropDownContent += \
|
||||
'<a href="' + pathBase + dropdownReminderSuffix + \
|
||||
'"><li><img loading="lazy" alt="" title="" src="/' + \
|
||||
iconsDir + '/scope_reminder.png"/><b>' + translate['Reminder'] + \
|
||||
'</b><br>' + translate['Scheduled note to yourself'] + \
|
||||
'</li></a>'
|
||||
dropDownContent += \
|
||||
'<a href="' + pathBase + dropdownEventSuffix + \
|
||||
'"><li><img loading="lazy" alt="" title="" src="/' + \
|
||||
iconsDir + '/scope_event.png"/><b>' + translate['Event'] + \
|
||||
'</b><br>' + translate['Create an event'] + \
|
||||
'</li></a>'
|
||||
dropDownContent += \
|
||||
'<a href="' + pathBase + dropdownReportSuffix + \
|
||||
'"><li><img loading="lazy" alt="" title="" src="/' + iconsDir + \
|
||||
'/scope_report.png"/><b>' + translate['Report'] + \
|
||||
'</b><br>' + translate['Send to moderators'] + '</li></a>'
|
||||
dropDownContent += questionOptionOnDropdown + shareOptionOnDropdown
|
||||
dropDownContent += ' </ul>'
|
||||
dropDownContent += ' </div>\n'
|
||||
dropDownContent += ' </div>\n'
|
||||
dropDownContent += ' </li>\n'
|
||||
dropDownContent += ' </ul>\n'
|
||||
dropDownContent += '</div>\n'
|
||||
|
||||
dropDownContent = \
|
||||
htmlNewPostDropDown(scopeIcon, scopeDescription,
|
||||
replyStr,
|
||||
|
|
|
|||
Loading…
Reference in New Issue