Valerio_Lyndon said: Thank you, the notes code looked more intimidating that I thought it was. The code works and I've been able to place it where I want it to go. I'm having trouble finding where to change where the text starts in the speech bubble by moving it more to the left. I feel as though there is a lot of unused space in the bubble so I'm trying to optimize the space to the max. ItsAvu said: I'm happy they finally added a notes section however this means I'm having trouble figuring out how to restyle the code for the notes. I see below from Valerio that it may be either impossible right now or a difficult code to make. I have a vision of adding a note section using the comic speech bubble tag that you used on your older manga styled list with this code here: I tried to switch out the data tags to notes based on the code that you and Valerio have linked but I can't seem to get it to show/work. I understand this may be difficult code so don't hold back on any feedback. What I was talking about with Notes earlier in this thread was about any changes I make to the default Clarity code breaking lists that users had already customised. Due to some of this theme's history I have to be careful about how I update it like that. The actual notes themselves are not any harder to style than other parts of the list, depending on what you're doing. Sorry for any confusion. In this case your changes most likely didn't work because the notes area isn't its own list column with a ".data" class like most options on the list, but is instead a child of ".data.title" and only has the ".notes" class. So if you changed the code to ".data.notes" then the CSS would be trying to target an element that doesn't exist. It also has a different structure than the tags area so whether or not you had an issue with the .data selector, some changes may still have been needed. This is where using Inspect Element to view the HTML really comes into play. Anyhow, here's a minimally modified version of the code that works with the notes. Do keep in mind though that notes can be a lot longer than tags and it may end up looking really weird. I can't think of a good way to view the entirety of the notes since they can be something rediculous like 65k characters long and it's not viable to put a scrollbar on the bubble. But it can be alleviated by chopping up the speech bubble image to let it stretch and hiding overflowing text, so here's an alternative version of the code which does that. (Don't use both versions at once, pick one) I'm also trying to change the width of the bubble so it fits on the screen like so ---> here |
ItsAvuMar 26, 2023 8:39 PM
 |
| Hello there! I'm new to this, and I was using one of the default Clarity themes, the Kimetsu No Yaiba one, I tried to modify it to have horizontal tags, tag colors, but I don't see either working out. The theme by itself works but the modifications I've added does not seem to. The code is here: https://pastebin.com/JJVQ1rf1 Could anyone please help me out and point out as to what I'm doing wrong? |
 |
SlyPredator said: Hello there! I'm new to this, and I was using one of the default Clarity themes, the Kimetsu No Yaiba one, I tried to modify it to have horizontal tags, tag colors, but I don't see either working out. The theme by itself works but the modifications I've added does not seem to. The code is here: https://pastebin.com/JJVQ1rf1 Could anyone please help me out and point out as to what I'm doing wrong? It works, I've tested it on my own list (below). Your problem is probably because you don't have any tags on your list edited, they are all empty so you won't see tags at all. You have to write them in them manually through the edit buttons on your list. Then they will appear under the More button when you write them in  |
Shishio-kun said: Oh I'm so sorry, I meant the genres, Action, Fantasy and so on, how would I add colors to them, and also put those under the title, horizontally. The bottom-most code present in the paste are the ones for the genres.SlyPredator said: Hello there! I'm new to this, and I was using one of the default Clarity themes, the Kimetsu No Yaiba one, I tried to modify it to have horizontal tags, tag colors, but I don't see either working out. The theme by itself works but the modifications I've added does not seem to. The code is here: https://pastebin.com/JJVQ1rf1 Could anyone please help me out and point out as to what I'm doing wrong? It works, I've tested it on my own list (below). Your problem is probably because you don't have any tags on your list edited, they are all empty so you won't see tags at all. You have to write them in them manually through the edit buttons on your list. Then they will appear under the More button when you write them in |
|
SlyPredator said: Shishio-kun said: Oh I'm so sorry, I meant the genres, Action, Fantasy and so on, how would I add colors to them, and also put those under the title, horizontally. The bottom-most code present in the paste are the ones for the genres.It works, I've tested it on my own list (below). Your problem is probably because you don't have any tags on your list edited, they are all empty so you won't see tags at all. You have to write them in them manually through the edit buttons on your list. Then they will appear under the More button when you write them in These would be some genre codes. Each genre has its own number. The number after genre= is the genres number on MAL (action is genre #1)
.data.genre span a[href*="genre=1"] { background: orange; }
.data.genre span a[href*="genre=2"] { background: red; }
.data.genre span a[href*="genre=3"] { background: green; }
.data.genre span a[href*="genre=4"] { background: purple; }
.data.genre span a[href*="genre=5"] { background: teal; }
.data.genre span a[href*="genre=6"] { background: black; }
.data.genre span a[href*="genre=7"] { background: violet; }
.data.genre span a[href*="genre=8"] { background: yellow; }
.data.genre span a[href*="genre=9"] { background: yellowgreen; }
.data.genre span a[href*="genre=10"] { background: silver; }
.data.genre span a[href*="genre=11"] { background: brown; }
.data.genre span a[href*="genre=12"] { background: gray; }
.data.genre span a[href*="genre=13"] { background: pink; }
.data.genre span a[href*="genre=14"] { background: firebrick; }The ones at the bottom of your CSS don't seem to be for genre? They say tags, studio, licensor. https://imgur.com/5GAOU4F The studio tags will work with the studio number. You have to change the number after href= to the studio's number on MAL, so for this studio: https://myanimelist.net/anime/producer/441 .data.studio span a[href$="/14"] { background: red; }The 14 would get changed to 441 to color that studio's link on your list:
.data.studio span a[href$="/441"] { background: red; }Adding genres horizontally can probably be done but it might take some time to edit that if this the first time, so please check if there is already some codes in the opening post or theme customizer for that |
Shishio-kun said: Ooh thank you so much! That $ to * (tags part was my bad, I'd copied from V L's gist, all good now), as for the horizontal genres, I shall look around 👍, thank you once again!SlyPredator said: Oh I'm so sorry, I meant the genres, Action, Fantasy and so on, how would I add colors to them, and also put those under the title, horizontally. The bottom-most code present in the paste are the ones for the genres. These would be some genre codes. Each genre has its own number. The number after genre= is the genres number on MAL (action is genre #1)
.data.genre span a[href*="genre=1"] { background: orange; }
.data.genre span a[href*="genre=2"] { background: red; }
.data.genre span a[href*="genre=3"] { background: green; }
.data.genre span a[href*="genre=4"] { background: purple; }
.data.genre span a[href*="genre=5"] { background: teal; }
.data.genre span a[href*="genre=6"] { background: black; }
.data.genre span a[href*="genre=7"] { background: violet; }
.data.genre span a[href*="genre=8"] { background: yellow; }
.data.genre span a[href*="genre=9"] { background: yellowgreen; }
.data.genre span a[href*="genre=10"] { background: silver; }
.data.genre span a[href*="genre=11"] { background: brown; }
.data.genre span a[href*="genre=12"] { background: gray; }
.data.genre span a[href*="genre=13"] { background: pink; }
.data.genre span a[href*="genre=14"] { background: firebrick; }The ones at the bottom of your CSS don't seem to be for genre? They say tags, studio, licensor. https://imgur.com/5GAOU4F The studio tags will work with the studio number. You have to change the number after href= to the studio's number on MAL, so for this studio: https://myanimelist.net/anime/producer/441 .data.studio span a[href$="/14"] { background: red; }The 14 would get changed to 441 to color that studio's link on your list:
.data.studio span a[href$="/441"] { background: red; }Adding genres horizontally can probably be done but it might take some time to edit that if this the first time, so please check if there is already some codes in the opening post or theme customizer for that |
|
SlyPredator said: Shishio-kun said: Ooh thank you so much! That $ to * (tags part was my bad, I'd copied from V L's gist, all good now), as for the horizontal genres, I shall look around 👍, thank you once again!These would be some genre codes. Each genre has its own number. The number after genre= is the genres number on MAL (action is genre #1)
.data.genre span a[href*="genre=1"] { background: orange; }
.data.genre span a[href*="genre=2"] { background: red; }
.data.genre span a[href*="genre=3"] { background: green; }
.data.genre span a[href*="genre=4"] { background: purple; }
.data.genre span a[href*="genre=5"] { background: teal; }
.data.genre span a[href*="genre=6"] { background: black; }
.data.genre span a[href*="genre=7"] { background: violet; }
.data.genre span a[href*="genre=8"] { background: yellow; }
.data.genre span a[href*="genre=9"] { background: yellowgreen; }
.data.genre span a[href*="genre=10"] { background: silver; }
.data.genre span a[href*="genre=11"] { background: brown; }
.data.genre span a[href*="genre=12"] { background: gray; }
.data.genre span a[href*="genre=13"] { background: pink; }
.data.genre span a[href*="genre=14"] { background: firebrick; }The ones at the bottom of your CSS don't seem to be for genre? They say tags, studio, licensor. https://imgur.com/5GAOU4F The studio tags will work with the studio number. You have to change the number after href= to the studio's number on MAL, so for this studio: https://myanimelist.net/anime/producer/441 .data.studio span a[href$="/14"] { background: red; }The 14 would get changed to 441 to color that studio's link on your list:
.data.studio span a[href$="/441"] { background: red; }Adding genres horizontally can probably be done but it might take some time to edit that if this the first time, so please check if there is already some codes in the opening post or theme customizer for that If there isn't one, I made a horizontal genres code out of the tags one with a few small adjustments and replacing tags with genre. Seems to work fine although I don't think some of these newly made selectors exist heh
/*-S-T-A-R-T--------------------*\
| Horizontal Genres R0.3 |
\*------------------------------*/
.list-table-data{padding-bottom:25px}
.data.genre{position:absolute;left:0;top:0;z-index:2;display:flex!important;width:0;height:100%;padding:0!important;align-items:flex-end}
.data.genre div{max-width:980px;margin:0 0 4px 80px;font-size:0;white-space:nowrap}
.data.genre span{display:inline-block;padding:0}
.data.genre span a{padding:1px 8px!important;margin:0 4px 2px 5px;white-space:nowrap}
.data.genre span a[href*="=Favo"]{padding:0!important}
.data.genre a.edit{right:-1060px}
.data.genre textarea{right:-1060px}
/*------------------------E-N-D-*/ You can also manually adjust the color codes in the genres, so like the yellow drama tag, can be changed to another easier-to-read color:
.data.genre span a[href*="genre=8"] { background: palevioletred; }
|
| Yeah that works! But absolutely destroys any tags present there, going over them. Its alright though, I did get a userscript to add the genres to the tags and that works beautifully. (am I allowed to share it here?, I'll edit the post if so) |
|
SlyPredator said: Yeah that works! But absolutely destroys any tags present there, going over them. Its alright though, I did get a userscript to add the genres to the tags and that works beautifully. (am I allowed to share it here?, I'll edit the post if so) Yes you can share the userscript, just keep in mind other users can't see the changes done by it. If you want a CSS way of doing it, I would recommend to just finish up the tags you want to add for now, and then let us know here you're done and I think that a code can be made for both. |
Shishio-kun said: https://openuserjs.org/scripts/shaggyze/MyAnimeList_Tags_UpdaterSlyPredator said: Yeah that works! But absolutely destroys any tags present there, going over them. Its alright though, I did get a userscript to add the genres to the tags and that works beautifully. (am I allowed to share it here?, I'll edit the post if so) Yes you can share the userscript, just keep in mind other users can't see the changes done by it. If you want a CSS way of doing it, I would recommend to just finish up the tags you want to add for now, and then let us know here you're done and I think that a code can be made for both. This lets us pull in the genre into tags in a couple of clicks, and then I used the Horizontal Tags CSS to display them along with colors using the `.data.tags`, these changes are indeed visible by other users on the anime list. |
SlyPredatorMar 28, 2023 9:49 AM
|
| @SlyPredator Ah I see it's probably a generator or something, not just a tampermonkey script to reskin things on your end. So then it looks like you won't need to add any more CSS too |
ItsAvu said: Thank you, the notes code looked more intimidating that I thought it was. The code works and I've been able to place it where I want it to go. I'm having trouble finding where to change where the text starts in the speech bubble by moving it more to the left. I feel as though there is a lot of unused space in the bubble so I'm trying to optimize the space to the max. I'm also trying to change the width of the bubble so it fits on the screen like so ---> here For the reference of any other readers, I responded to this question in the help thread: https://myanimelist.net/forum/?topicid=200323&show=7650#msg68910031 |
How do I space apart the chapters and volumes side by side? Right now it is like so: I am using the Clarity theme, the same CSS as I used for my animelist, which works perfectly. also another question: is there any way to search through this forum topic specifically for terms so that I could probably find related issues which may have been solved? |
|
SlyPredator said: also another question: is there any way to search through this forum topic specifically for terms so that I could probably find related issues which may have been solved? Install the Autopager extension, go to the first page and then scroll to the bottom and load all pages. You can then CTRL+F and search the entire thread for specific words Using Firefox with Inspect Element (right click) is useful on the list too https://myanimelist.net/forum/?topicid=1780591 |
Shishio-kun said: Thank you for that! Will look into it, o7SlyPredator said: also another question: is there any way to search through this forum topic specifically for terms so that I could probably find related issues which may have been solved? Install the Autopager extension, go to the first page and then scroll to the bottom and load all pages. You can then CTRL+F and search the entire thread for specific words Using Firefox with Inspect Element (right click) is useful on the list too https://myanimelist.net/forum/?topicid=1780591 |
|
| Hi again Can you help me with getting an image below the text (in the red circle) when I click on the stats button?  |
 |
| Sorry for the spamming of questions over the past couple of weeks but I promise I almost have my perfect list XD. The last thing I want to add are the horizontal tags to my list to add extra tags such as "OP MC", "Isekai", "Animation". I found the code for the horizontal tags however it has made a domino effect of problems such as: (I color coded the problems in this picture for better understanding) 1. Red - the horizontal tag starts on my synopsis button and I would love for it to be moved over to start after the synopsis button. 2. Orange - Maybe horizontal tags conflict with using my element tags (where I rate story, art, characters, sound, and animation) as now it's uncentered with the linear-gradient background. If that's the case I assume it's impossible and will just rather scrap the whole horizontal tag idea as I like my specific rating system much more. Of course scrapping this idea will take away all of the other problems mentioned so need to answer the other problems if that will be the case. 3. Blue - adding in the horizontal tags has moved my score, mal rating, premiere season button, and progress button (may be hard to see since it's ON the genre buttons), so I would like that to be moved back over to the left. Preferably the score being on top of the element tags (so the progress button has enough of it's own space). Sorry for the very messy code as I've just been adding things to the bottom but here it is. The code for horizontal tags are at the very bottom. As always thank you so much for the help! |
ItsAvuMar 30, 2023 3:55 PM
|
| She's getting ready for the contest 😳 |
Ruse125 said: Hi again Can you help me with getting an image below the text (in the red circle) when I click on the stats button? The stats area can be somewhat finnicky, but the best way to add an image there would probably be to add a ::before element with the image. You can see inside of this code I did have to tweak some of the default positioning. I think this will be fine, but if you notice any odd positioning/behaviours with the sort menu button this mod may have to be tweaked.  |
honestly these are the kinds of images we need more of on lists  |
ItsAvu said: Sorry for the spamming of questions over the past couple of weeks but I promise I almost have my perfect list XD. The last thing I want to add are the horizontal tags to my list to add extra tags such as "OP MC", "Isekai", "Animation". I found the code for the horizontal tags however it has made a domino effect of problems such as: (I color coded the problems in this picture for better understanding) 1. Red - the horizontal tag starts on my synopsis button and I would love for it to be moved over to start after the synopsis button. 2. Orange - Maybe horizontal tags conflict with using my element tags (where I rate story, art, characters, sound, and animation) as now it's uncentered with the linear-gradient background. If that's the case I assume it's impossible and will just rather scrap the whole horizontal tag idea as I like my specific rating system much more. Of course scrapping this idea will take away all of the other problems mentioned so need to answer the other problems if that will be the case. 3. Blue - adding in the horizontal tags has moved my score, mal rating, premiere season button, and progress button (may be hard to see since it's ON the genre buttons), so I would like that to be moved back over to the left. Preferably the score being on top of the element tags (so the progress button has enough of it's own space). Sorry for the very messy code as I've just been adding things to the bottom but here it is. The code for horizontal tags are at the very bottom. As always thank you so much for the help! No worries lol. The list seems to be coming along quite well though! 1. The tag positioning should be a simple change of margin and max-width on the tag div. For instance: .data.tags div {
max-width: initial;
margin-left: 160px;
}2. Hm, yeah I don't believe the ratings were ever tested with horizontal tags. The uncentered ratings stem from the different tag paddings that horizontal tags add, very solvable so no need to scrap the idea. :) Simply put, the padding property from Horizontal Tags is overriding the padding from the Score Tags. The easiest fix is to drop this code in: /* Score Tags specificity increase for use with Horizontal Tags */
.data.tags a:is([href$="tag=-"], [href$="tag=1"], [href$="tag=2"], [href$="tag=3"], [href$="tag=4"], [href$="tag=5"], [href$="tag=6"], [href$="tag=7"], [href$="tag=8"], [href$="tag=9"], [href$="tag=10"]) {
padding: 1px 0 !important;
}3. Everything else being moved to the right seems to be caused by some custom repositioning code, seems to be repositioning the items under the assumption that an empty tag column is there. Since the tag column is now moved to the bottom of each row, the positions are out of whack. [Image of code in question] The fastest way to fix this is probably to add a margin to the premiered column to simulate the tag column being there. .data.season {
margin-right: 120px;
}While this is not the best solution, it is the easiest one. The alternative, cleaner solution would involve removing the custom positioning and instead using the "order" property like the base list does, increasing the width of the score column, and repositioning the MAL score. Just felt like a lot more effort lol, but it would be less spaghetti-ish. |
Valerio_LyndonApr 1, 2023 4:49 PM
Valerio_Lyndon said: All of these solutions worked out great. However of course I discovered a new problem just as I thought I was done. I discovered the positioning is still off and found the problem was because of the added hover tags (I know I said I was done ;-;...but...). I tried changing the padding under " .data.tags span a:hover::after" but that didn't fix the issue. I tried to go back and mess around in both hover settings (hover tags and scoring) but I just can't figure out what needs to be changed and/or added to make it right. Here is a video just in case there is confusion. ItsAvu said: Sorry for the spamming of questions over the past couple of weeks but I promise I almost have my perfect list XD. The last thing I want to add are the horizontal tags to my list to add extra tags such as "OP MC", "Isekai", "Animation". I found the code for the horizontal tags however it has made a domino effect of problems such as: (I color coded the problems in this picture for better understanding) 1. Red - the horizontal tag starts on my synopsis button and I would love for it to be moved over to start after the synopsis button. 2. Orange - Maybe horizontal tags conflict with using my element tags (where I rate story, art, characters, sound, and animation) as now it's uncentered with the linear-gradient background. If that's the case I assume it's impossible and will just rather scrap the whole horizontal tag idea as I like my specific rating system much more. Of course scrapping this idea will take away all of the other problems mentioned so need to answer the other problems if that will be the case. 3. Blue - adding in the horizontal tags has moved my score, mal rating, premiere season button, and progress button (may be hard to see since it's ON the genre buttons), so I would like that to be moved back over to the left. Preferably the score being on top of the element tags (so the progress button has enough of it's own space). Sorry for the very messy code as I've just been adding things to the bottom but here it is. The code for horizontal tags are at the very bottom. As always thank you so much for the help! No worries lol. The list seems to be coming along quite well though! 1. The tag positioning should be a simple change of margin and max-width on the tag div. For instance: .data.tags div {
max-width: initial;
margin-left: 160px;
}If you wanted to adjust the spacing from the bottom too, you can use margin-bottom e.x "margin-bottom: 6px". 2. Hm, yeah I don't believe the ratings were ever tested with horizontal tags. The uncentered ratings stem from the different tag paddings that horizontal tags add, very solvable so no need to scrap the idea. :) Simply put, the padding property from Horizontal Tags is overriding the padding from the Score Tags. The easiest fix is to drop this code in: /* Score Tags specificity increase for use with Horizontal Tags */
.data.tags a:is([href$="tag=-"], [href$="tag=1"], [href$="tag=2"], [href$="tag=3"], [href$="tag=4"], [href$="tag=5"], [href$="tag=6"], [href$="tag=7"], [href$="tag=8"], [href$="tag=9"], [href$="tag=10"]) {
padding: 1px 0 !important;
}3. Everything else being moved to the right seems to be caused by some custom repositioning code, seems to be repositioning the items under the assumption that an empty tag column is there. Since the tag column is now moved to the bottom of each row, the positions are out of whack. [Image of code in question] The fastest way to fix this is probably to add a margin to the premiered column to simulate the tag column being there. .data.season {
margin-right: 120px;
}While this is not the best solution, it is the easiest one. The alternative, cleaner solution would involve removing the custom positioning and instead using the "order" property like the base list does, increasing the width of the score column, and repositioning the MAL score. Just felt like a lot more effort lol, but it would be less spaghetti-ish. My code is basically the same as above I just added this |
ItsAvuApr 2, 2023 3:48 AM
|
Valerio_Lyndon said: Thanks for the help. I have also kept Kaguya somewhere else because I also like the picture.Ruse125 said: Hi again Can you help me with getting an image below the text (in the red circle) when I click on the stats button? The stats area can be somewhat finnicky, but the best way to add an image there would probably be to add a ::before element with the image. You can see inside of this code I did have to tweak some of the default positioning. I think this will be fine, but if you notice any odd positioning/behaviours with the sort menu button this mod may have to be tweaked. |
|
| @ItsAvu Perhaps I should go over that old tag score code and make it more compatible lol. I seem to remember it didn't have many allowances for other mods except the ones Gintoki was already using. Anyhow, seems to be the "left" and "transform" properties conflicting between the tag scores and tag descriptions. Try out this fix. Seems to fix it for me but I'm in a bit of a rush so can't test it too much. Let me know if you need more help with it and I can get back Wednesday. |
Valerio_Lyndon said: Everything works perfectly! Thanks for all the help!@ItsAvu Perhaps I should go over that old tag score code and make it more compatible lol. I seem to remember it didn't have many allowances for other mods except the ones Gintoki was already using. Anyhow, seems to be the "left" and "transform" properties conflicting between the tag scores and tag descriptions. Try out this fix. Seems to fix it for me but I'm in a bit of a rush so can't test it too much. Let me know if you need more help with it and I can get back Wednesday. |
|
| hi. how do i add mal score like this^ to the list? --- [my modded list] its strange that while scrolling on "current", the fps drops to <15. while on other categories (dropped, ptw etc), it only drops to ~40. changing the bg/cover size or removing the animated stuff doesnt fix it. --- edit: ooo apparently its only laggy on brave browser but not firefox. interesting |
karmashizzleApr 18, 2023 6:40 AM
karmashizzle said: hi. how do i add mal score like this^ to the list? --- [my modded list] its strange that while scrolling on "current", the fps drops to <15. while on other categories (dropped, ptw etc), it only drops to ~40. changing the bg/cover size or removing the animated stuff doesnt fix it. --- edit: ooo apparently its only laggy on brave browser but not firefox. interesting Since I assume your question is about getting the MAL score on Clarified, I answered in that thread instead to make it easier for others to find. [Link] |
Is there a way to Highlight / Change Color for the status of a show (ex: Changing the color of "[ Airing ]" status without affecting the Edit / More text color) |
 |
TheDarkAngel said: Is there a way to Highlight / Change Color for the status of a show (ex: Changing the color of "[ Airing ]" status without affecting the Edit / More text color) Yes, add this to the bottom of your CSS:  /* colour status */
.content-status, .rereading, .rewatching {
color: white !important;
}
/* prevent dash from getting coloured */
.content-status::after, .rereading::after, .rewatching::after {
content: "]";
}
:not([style]):where(.content-status,.rereading,.rewatching) ~ .add-edit-more::before {
content: "- ";
}To change the colour, change the "white" to any CSS colour. |
Valerio_LyndonMay 29, 2023 12:13 AM
Valerio_Lyndon said: Thanks a lot !! TheDarkAngel said: Is there a way to Highlight / Change Color for the status of a show (ex: Changing the color of "[ Airing ]" status without affecting the Edit / More text color) Yes, add this to the bottom of your CSS: /* colour status */
.content-status, .rereading, .rewatching {
color: white !important;
}
/* prevent dash from getting coloured */
.content-status::after, .rereading::after, .rewatching::after {
content: "]";
}
:not([style]):where(.content-status,.rereading,.rewatching) ~ .add-edit-more::before {
content: "- ";
}To change the colour, change the "white" to any CSS colour. |
|
| @Shishio-kun Shishio-kun said: Holy fuck this new system sucks major ass. I don't know how else to put it. I worded it kinder in the announcement thread but your reply here singlehandedly convinced me it's dead on arrival. I can see your reply on classic but have NO IDEA what it is replying to, meanwhile in modern view I can't even fucking find your post because there are 1179 other posts I have to search through to find it. AAAAAAAtesting reply feature Edit: BRUH I can't even find this post that I just posted to you in the new view. WHERE THE FUCK IS IT in this infinite-scroll hellscape. I can only see it in classic and I STILL have no idea what I am replying to. |
| Valerio_Lyndon said: Holy fuck this new system sucks major ass. I don't know how else to put it. I worded it kinder in the announcement thread but your reply here singlehandedly convinced me it's dead on arrival. I can see your reply on classic but have NO IDEA what it is replying to, meanwhile in modern view I can't even fucking find your post because there are 1179 other posts I have to search through to find it. AAAAAAA Edit: BRUH I can't even find this post that I just posted to you in the new view. WHERE THE FUCK IS IT in this infinite-scroll hellscape. I can only see it in classic and I STILL have no idea what I am replying to. Yeah this is bad.. based on what you said they probably didn't even test this on big convo threads! I don't see modern at all, can you screencap or record it for me please? All I see is quote was downgraded to reply. I am in the new classic I guess like hacker09. When that official thread gets big ppl will probably see what you mean. |
| test |
| test 2 |
Shishio-kun said: I don't see modern at all, can you screencap or record it for me please? All I see is quote was downgraded to reply. I am in the new classic I guess like hacker09. Here you go. https://www.youtube.com/watch?v=j2riwk1yjiQ Not the cleanest recording as I complained through the entire video. I am usually positive about MAL's changes but I don't think I can be about this one. |
| @Valerio_Lyndon Ah thank you! And sorry, I just purchased MAL supporter and seen it/recorded it for myself! Fascinating how bad this is lol. You should share this video with the users in the forum announcements thread, maybe if it gets traction they will adjust it or get rid of it. You covered things really well throughout the video! And wow it looks way worse on light mode D: I didn't know about the little double arrow taking you to the last post until now... :/ |
Shishio-kunMay 31, 2023 12:45 AM
| @Valerio_Lyndon In practice its terrible, WALL OF TEXT MODE!! https://myanimelist.net/forum/?topicid=2096391&msgid=69302697&show=100#msg69302697 |
Shishio-kun said: Lmao, it's roughIn practice its terrible, WALL OF TEXT MODE!! Shishio-kun said: I didn't know about the little double arrow taking you to the last post until now... :/ Ah, well at least you can use it now! unless you use the new layout lul |
| When I use this theme it won't load my "all anime" and "completed" list at all. Other themes seem to work it is just this theme. Any idea why? |
 |
Zyppeler said: Hmm, well this is quite an oddity... I am able to reproduce the issue when I visit your list, but using the exact same code and list settings, logged in or not, Chrome or Firefox, I am unable to have the same happen on my own list. It's the first time I am seeing something like this where it refuses to happen except on one person's list... the moment I force a scroll input on your list it sorts itself out but normally that is never required on the first load. I have no answers as of yet but will take a look. Worst case scenario I would think it should be bypassable with a mildly jank fix, but if I could figure out the cause that would be better.When I use this theme it won't load my "all anime" and "completed" list at all. Other themes seem to work it is just this theme. Any idea why? |
Valerio_Lyndon said: Thanks for the fast reply!Zyppeler said: Hmm, well this is quite an oddity... I am able to reproduce the issue when I visit your list, but using the exact same code and list settings, logged in or not, Chrome or Firefox, I am unable to have the same happen on my own list. It's the first time I am seeing something like this where it refuses to happen except on one person's list... the moment I force a scroll input on your list it sorts itself out but normally that is never required on the first load. I have no answers as of yet but will take a look. Worst case scenario I would think it should be bypassable with a mildly jank fix, but if I could figure out the cause that would be better.When I use this theme it won't load my "all anime" and "completed" list at all. Other themes seem to work it is just this theme. Any idea why? Well that is quite sad because this theme is by far my favorite. I really hope that you can somehow figure it out.. |
|
| @Zyppeler I'm back, although not with a conclusion. I have two requests if I could. First, this only happens on Clarity and not the default list, right? If so, could you try using a different style in the style settings and set your Custom CSS to this instead and see if the problem still occurs? @\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Theme%20-%20Compressed.css";
:root {
--avatar: url(https://i.imgur.com/y5S9bL5.png);
--character: none;
}My second request is an export of your list items if you don't mind: https://myanimelist.net/panel.php?go=export I am curious to import it onto a test account and see if it's a specific anime causing the problem or if it's truly unreproducable. The exported data isn't sensitive, you can double check this by opening the file with a text editor. If this is unsolvable (it might be but I'm not calling it yet), the best solution I can think of would be to use CSS to make a scrollbar appear and simply scroll down once on each page load. It's weird, but it does work. There is also a way to automatically scroll via userscript if it came to that, but it would be best to use it in addition to the CSS and I'll leave that to after any extra testing. |
| @Valerio_Lyndon It works now. It seems the cause of that was a note I added to a anime. There where quite a lot notes and long textes I wrote to certain anime and because I'm german I wrote them in german and maybe there was a word that got kind of censored or something such as "weniger" wich means "less". No Idea to be honest but after I deleted every note I wrote it seems to work now. I tried other community designs and some didn't load too so I was very very curios... Well I'm glad that it works now. Thank you very much for your help! |
|
Zyppeler said: @Valerio_Lyndon It works now. It seems the cause of that was a note I added to a anime. There where quite a lot notes and long textes I wrote to certain anime and because I'm german I wrote them in german and maybe there was a word that got kind of censored or something such as "weniger" wich means "less". No Idea to be honest but after I deleted every note I wrote it seems to work now. I tried other community designs and some didn't load too so I was very very curios... Well I'm glad that it works now. Thank you very much for your help! That makes sense! Kinda crazy that MAL bugs out when certain characters are used though, but good that it's solved it for now. |
| @Valerio_Lyndon. Sorry to bother you out of the blue like this, but the first page mentions customisable cover images as a possible modification. I've used the default CSS code for adding such a modification because it wasn't on the Theme Customiser as far as I could see, but it doesn't seem to work, only adding a customised cover for the big cover and not for the small:  I was wondering if maybe the code I used was wrong?: |
 |
| I know this is probably a dumb question but i installed and am using this theme for my anime list, but i am noticing a considerable amount of loading time for the pages of my list is there a setting somewhere i can mess with to reduce the loading time ? Regards ASilva |
| @Valerio_Lyndon there's something fucky going on with clarity code from the theme customizer that's causing slow loading. installing the github version has no issue. nevermind :D |
karmashizzleJan 2, 2024 10:18 PM
Reply to Epiccgaymer
@Valerio_Lyndon.
Sorry to bother you out of the blue like this, but the first page mentions customisable cover images as a possible modification. I've used the default CSS code for adding such a modification because it wasn't on the Theme Customiser as far as I could see, but it doesn't seem to work, only adding a customised cover for the big cover and not for the small:
I was wondering if maybe the code I used was wrong?:
Sorry to bother you out of the blue like this, but the first page mentions customisable cover images as a possible modification. I've used the default CSS code for adding such a modification because it wasn't on the Theme Customiser as far as I could see, but it doesn't seem to work, only adding a customised cover for the big cover and not for the small:
I was wondering if maybe the code I used was wrong?:
@Epiccgaymer not VL but try this:a[href^="/anime/35120/"] .image {
box-sizing: border-box;
padding-left: 64px;
}
a[href^="/anime/35120/"] .image {
background: center / cover, top / 100% no-repeat url(https://i.imgur.com/yI9qTm3.png);
}also instead of repeating the same code for the heart icon simply do something like:
.link[href^="/anime/4282/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/18679/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/30/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/37510/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/32/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/440/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/35120/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/437/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/777/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/1/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/82/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/1092/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/33049/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/31933/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/85/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/530/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/5114/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/11741/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/441/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/949/"] ~ .add-edit-more .more a:before {
background: center / contain, top / 100% no-repeat url(https://i.imgur.com/ul1CJfC.png);
height: 40px;
width: 40px;
content: "";
position: absolute;
margin-left: -160px;
margin-top: -25px;
pointer-events: none;
} |
Reply to karmashizzle
@Epiccgaymer not VL but try this:
also instead of repeating the same code for the heart icon simply do something like:
a[href^="/anime/35120/"] .image {
box-sizing: border-box;
padding-left: 64px;
}
a[href^="/anime/35120/"] .image {
background: center / cover, top / 100% no-repeat url(https://i.imgur.com/yI9qTm3.png);
}also instead of repeating the same code for the heart icon simply do something like:
.link[href^="/anime/4282/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/18679/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/30/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/37510/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/32/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/440/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/35120/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/437/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/777/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/1/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/82/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/1092/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/33049/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/31933/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/85/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/530/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/5114/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/11741/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/441/"] ~ .add-edit-more .more a:before,
.link[href^="/anime/949/"] ~ .add-edit-more .more a:before {
background: center / contain, top / 100% no-repeat url(https://i.imgur.com/ul1CJfC.png);
height: 40px;
width: 40px;
content: "";
position: absolute;
margin-left: -160px;
margin-top: -25px;
pointer-events: none;
}| @karmashizzle Thank you so much, it seems to all work fine. |
|
Reply to karmashizzle
@Valerio_Lyndon there's something fucky going on with clarity code from the theme customizer that's causing slow loading.
installing the github version has no issue.
nevermind :D
installing the github version has no issue.
nevermind :D
| @karmashizzle Hm, that is quite odd. The customiser pulls its code from Github directly, so barring an overlooked bug they should be identical. How much of a difference was it and do you remember if you had any customisations or mods applied? Thanks for helping Epicc! |
More topics from this board
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |
|
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-kun - Mar 8, 2021 |
30 |
by Shishio-kun
»»
Jul 28, 3:17 AM |
|
» How To Have Different Banner/Cover image & Background Image For Manga & Anime ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |
|
Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )Shishio-kun - Nov 17, 2023 |
52 |
by LucaBalsa
»»
Jul 6, 2:02 PM |
|
» [CSS/BBCODE] ⭐️ How to view anyone's CSS or BBcodes (for lists, profiles, or clubs)!Shishio-kun - Feb 6, 2012 |
37 |
by sunnysummerday
»»
Jun 11, 7:44 PM |