x x x
x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Old Version 9

changes.mady.by.user Fareeha Ahmed

Saved on

compared with

New Version Current

changes.mady.by.user Fareeha Ahmed

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Microblog Timeline
topic5456
sourcetopic

Show If
special@anonymous


HTML
<style>
.microblog-editor-notice.aui-message.aui-message-info {
    display: none;
}
.micropost-left {
    display: none;
}
.micropost-right {
    margin: 0px 20px !important;
}
body .micropost .micropost-right div.micropost-content {
    margin-left: 0px !important;
}
</style>
<!-- <script>
AJS.toInit(function(){
$("head").append(`<meta http-equiv="refresh" content="120">`);
});
</script> -->


...

Hide If
groupconfluence-administrators, operations-admins,smith-administrators


HTML
<div id="edit-style-container"> </div>

<script>
let disableEKey = true; 
const countryAdminGroup = "operations-admins";
var adminCanEdit = false;

async function checkIfCountryAdmin () {
    let groupsRes = await jQuery.ajax({
      url: "/rest/api/user/memberof?username=" + AJS.params.remoteUser,
      type: "get",
      dataType: "json"
    }).then(res => res);
	
	groupsRes = groupsRes.results;
    console.log(groupsRes);

    for (let i = 0; i < groupsRes.length; i++) {
      let groupName = groupsRes[i].name;
      if (groupName === countryAdminGroup) {
         adminCanEdit = true;
      }
    }
	
	return true;
}

checkIfCountryAdmin().then(res => {
	if (!adminCanEdit) {
		document.getElementById("edit-style-container").innerHTML = (`<style> 
	.micropost .micropost-right .micropost-header .micropost-action-menu.show-permanent {
		display: none !important;
	}
 </style>`);
	}
});

    $(document).on("keydown", function (e) {
      // Disabled Keys are c, e, k, n, l
      disableKeys = [67, 69, 75, 76, 78];
	  console.log("keydown", e.target)
      if (disableEKey && disableKeys.includes(e.keyCode)) {
        e.preventDefault();
        return;
      }
    });
</script>



HTML
<style>
.micropost .micropost-right .micropost-header .micropost-action-menu > .aui-button:not(.active):not(:hover) {
    background: var(--secondary-color) !important;
}

/* hide empty state */
.empty-state-container.medium {
    display: none !important;
}
div#full-height-container {
  overflow-y: scroll;
}
a.copy-micropost-permalink-action {
    display: none;
}
button.aui-button.globalTimelineMoreButton {
  visibility: hidden;
}
button.aui-button.globalTimelineMoreButton:after {
  content:'Show Older Posts';
  visibility: visible;
  display: block;
  position: relative;
  background-color: white;
  padding: 5px;
  top: 2px;
}
div#rw_wrapper {
    background: transparent;
}

div#postiontoggle {
    display: none;
}
div#custom-footer {
    display: none;
}
.aui-buttons.is-hidden {
    display: none;
}

.action-group.topic-select-container {
    visibility: hidden;
    border: 0px;
}

.editor {
    margin: 20px auto;
    background: transparent;
    background-color: transparent;
}


.mb-editor-container.textarea.full-width-field {
    border: 0px;
    background: transparent;
}

.editor-content {
    width: 90%;
    background: white;
    border-radius: 0px;
    padding: 10px 10px !important;
    background-color: white;
    margin: auto;
}

.actions.is-hidden {
    border: 0px !important;
    width: 90%;
    margin: auto !important;
}

.new-posts-refresh-timeline-container {
    width: 170px;
    border-radius: 5px !important;
    margin: auto;
    font-family: var(--main-font-family);
}

a.microblog-new-posts-refresh-timeline-link {
    border-radius: 5px !important;
    margin: auto;
    color: var(--primary-font-color) !important;
    font-family: var(--main-font-family);
}

button.aui-button.aui-button-link {
    color: white;var(--secondary-color);
}

.aui-button.aui-button-primary[disabled] {
    color: white;
    opacity: .7;
	border-radius: 0px;
}
</style>

...

HTML
<!-- new styles --> <style>
.editor {
    margin: 20px auto;
    background: transparent;
    background-color: transparent;
    border-radius: 9px;
    /* background-color: #1c1c1c; */
}

.editor-content {
    background-color: white;
    width: 90%;
    /* background: white; */
    padding: 10px 10px !important;
    /* background-color: white; */
    margin: auto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: var(--primary-font-color);
}


.aui-button.aui-button-primary[disabled] {
    background-color: var(--primarysecondary-color);
    opacity: .7;
    color: white;
}

button.aui-button.aui-button-primary {
    background-color: var(--secondary-color);
    color: white;
	border-radius: 0px;
}



#page .rw_content_spaces_white2.rw_content_menu_solid #main, #rw_wrapper {
    background: transparent;
}

.rw_body.rw_body_white, body.rw_body_white {
    background: transparent;
}

div#full-height-container {
     background: var(--primary-color)!important; 
/* background: white !important; */
    background-color: transparent;
}

div#main-content {
    background: transparent !important;
}

.globalTimelineMore {
    border-top: none;
}

.micropost-entry {
    border-radius: 9px;
    background-color: rgba(28, 28, 28, 0.28);
    /* opacity: .27; */
}

a.url.fn.confluence-userlink {
  	color: var(--primary-font-color) !important;
    font-weight: 500;
}
.micropost-saveDate a {
	pointer-events: none !important;
}
.micropost-saveDate span.microblog-tooltip {
    font-weight: 300;
    color: var(--primary-font-color);
}

.micropost .micropost-right div.micropost-content {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #fafafa;
    /* margin-left: -64px !important; */
    margin-top: 15px;
    padding-bottom: 15px;
} 
.empty-state-container .description-container {
    display: none;
}

.empty-state-container {
    background: #1c1c1c !important;
    opacity: .7;
    width: 90%;
    display: flex !important;
    max-width: unset !important;
}

.empty-state-container.medium .headline-container {
    color: var(--primary-color);
}
</style>

...

Hide If
groupconfluence-administrators, operationssmith-adminsadministrators


HTML
<style>

.micropost .micropost-right .micropost-header .micropost-action-menu.show-permanent {
display: none;
}

</style>

...



 HTML
<style>
div.micropost-entry {
  padding: 20px 20px !important;
  width: calc(90% - 40px);
}
.micropost .userLogoLink {
  margin-left: 0px;
}

div#full-height-container::-webkit-scrollbar {
  background-color: rgba(84, 84, 84, 0.3);
  width: 14px;
}

div#full-height-container::-webkit-scrollbar-thumb {
  background-color: rgb(16,58,50);
  border-radius: 10px;
}
.action-group.topic-select-container {
    display: none;
}

html .aui-button.aui-button-primary[disabled] {
    background-color: var(--secondary-color) !important;
    opacity: .7 !important;
    color: white !important;
}

html button.aui-button.aui-button-link {
    color:  var(--secondary-color) !important;
}

html button.aui-button.aui-button-primary:hover, button.aui-button.aui-button-primary {
    background-color: var(--secondary-color) !important;
    border-radius: 0px !important;
}

@media only screen and (max-width : 400px) {

	.microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner, .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner img, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner img {
		height: 28px;
		width: 28px;
	}
	/*
	div.micropost-entry {
		justify-content: center;
	}
	.microBlogWrapper .microBlogContainer.slim .micropost .micropost-left {
		height: 44px;
	}
	.aui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner {
		margin-top: 0px;
	}
	.microBlogWrapper .microBlogContainer.slim .micropost .micropost-left {
		margin-top: 5px;
	}
	.micropost .micropost-left {
		padding-right: 0px;
	}
	.micropost .userLogoLink {
		margin-left: 5px;
	}
	*/
	
	.micropost .micropost-right {
    	width: 80%;
		max-width: 80%;
		min-width: 80%;
	}
	.micropost .micropost-right .micropost-header {
		width: 100%;
	}
	.micropost-action-menu.show-permanent {
		margin-right: 0px;
	}
	div.micropost-entry {
		justify-content: flex-end;
	}
	.micropost .micropost-left {
		padding-right: 5px;
	}
	.microBlogWrapper .microBlogContainer.slim .micropost .micropost-left {
		margin-top: 0px;
	}
	.micropost .micropost-entry {
		width: 85%;
	}

}

.micropost .micropost-right {
    width: calc(100% - 64px);
    margin-left: 12px !important;
}
.aui-button .aui-icon {
	color: white;
}
.wiki-content a.user-mention {
	background: rgba(0, 0, 0, 0.3) !important;
	pointer-events: none;
}
.wiki-content a.user-mention:hover, .wiki-content a.user-mention:active {
	background: rgba(0, 0, 0, 0.3) !important;
}
</style>
...