dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

/** <nowiki>
 *
 * @title           SeeMoreActivity
 * @description     Adds activity buttons to the Wiki Activity module.
 * @author          KockaAdmiralac
 * @author          Speedit
 * @version         1.6
 * @license         CC-BY-SA 3.0
 * @notes           Dependent on [[SeeMoreActivityButton]] main script.
 *
 */
/**
 * @section         Activity module item styling
 * @element         #wikia-recent-activity
 */
#wikia-recent-activity .activity-item {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}
#wikia-recent-activity .page-title {
    flex: 1 1 calc(100% - 17px);
    max-width: calc(100% - 17px);
}
#wikia-recent-activity .edit-info {
    margin-left: 17px;
}
/**
 * @section         Activity button styling
 * @element         #seemoreactivity-button
 */
#wikia-recent-activity #seemoreactivity-button {
    border-radius: 0;
    border-left: 1px solid var(--theme-border-color, hsla(0, 0%, 0%, 0.2));
    position: absolute;
    right: 0;
    padding: 0 10px;
    text-shadow: none;
}
#wikia-recent-activity #seemoreactivity-button .wds-icon {
    display: flex;
    fill: currentColor;
    margin: 0;
    padding: 0;
    transform: rotate(270deg);
    transform-origin: center;
}
/**
 * @section         Diff link styling
 * @element         .seemoreactivity-diff-link
 */
#wikia-recent-activity .seemoreactivity-diff-link {
    margin-right: 5px;
}
/**
 * @section         Reversion styling for module
 * @element         .seemoreactivity-old
 */
#wikia-recent-activity.seemoreactivity-old {
    position: relative;
}
#wikia-recent-activity.seemoreactivity-old .page-title {
    display: inline-flex;
    flex: initial;
    max-width: calc(100% - 17px);
    order: -1;
}
#wikia-recent-activity.seemoreactivity-old .page-title-link {
    overflow-x: hidden;
    text-overflow: ellipsis;
}
#wikia-recent-activity.seemoreactivity-old .edit-info {
    margin: 0;
    width: 100%;
}
/**
 * @subsection      Reversion styling for button
 * @element         #seemoreactivity-button
 */
#wikia-recent-activity.seemoreactivity-old #seemoreactivity-button {
    border: none;
    bottom: 4px;
    max-width: calc(100% - 17px);
    padding: 0;
    position: absolute;
    right: 0;
}
#wikia-recent-activity.seemoreactivity-old #seemoreactivity-button::before {
    content: attr(title);
    display: inline;
}
#wikia-recent-activity.seemoreactivity-old #seemoreactivity-button .wds-icon {
    display: none; 
}
/**
 * @subsection      Community page module hotfix
 * @element         h2:nth-last-child(3)
 */
#wikia-recent-activity.seemoreactivity-old h2:nth-last-child(3) #seemoreactivity-button {
    bottom: 89px;
}
/**
 * @subsection      Revert diff link position
 * @element         .seemoreactivity-diff-link
 */
#wikia-recent-activity.seemoreactivity-old .seemoreactivity-diff-link {
    flex: 1 1 0;
    margin: 0 0 0 5px;
}
/** </nowiki> **/