Changes for page Style

Last modified by Drunk Monkey on 2026-06-02 07:39

From version 2.1
edited by Drunk Monkey
on 2020-08-01 04:52
Change comment: Install extension [org.xwiki.platform:xwiki-platform-annotation-ui/12.6]
To version 6.1
edited by Drunk Monkey
on 2025-11-05 12:20
Change comment: Install extension [org.xwiki.platform:xwiki-platform-annotation-ui/17.9.0]

Summary

Details

Page properties
Enforce required rights
... ... @@ -1,1 +1,1 @@
1 -false
1 +true
XWiki.RequiredRightClass[0]
Level
... ... @@ -1,1 +1,1 @@
1 -programming
1 +wiki_admin
XWiki.StyleSheetExtension[0]
Code
... ... @@ -44,21 +44,17 @@
44 44  
45 45  /* Annotations displayed in the text */
46 46  .annotation-highlight {
47 - background-color: #FE9; ## $theme.highlightColor;
47 + background-color: #FE9;
48 48  }
49 -## In velocity comment: settings for using the larger images from silk
49 +
50 50  .annotation-marker {
51 - ##background: transparent #imgURL('note') no-repeat left top;
52 52   background: transparent #attImgURL('notesmall') no-repeat left top;
53 53   display: inline-block;
54 - ##height: 16px;
55 55   height: 10px;
56 56   overflow: hidden;
57 57   text-indent: -9999px;
58 - ##width: 16px;
59 59   width: 10px;
60 60   vertical-align: baseline;
61 - ##margin: -19px -14px 3px -2px;
62 62   margin: -15px -7px 5px -3px;
63 63   z-index: 1;
64 64   position: relative;
... ... @@ -96,6 +96,28 @@
96 96   border-right-color: $theme.backgroundSecondaryColor;
97 97  }
98 98  
95 +.annotation-bubble.annotation-bubble-position-left {
96 + border-top-left-radius: 10px;
97 + border-top-right-radius: 0;
98 +
99 + &:before, &:after {
100 + border-right: none;
101 + left: unset;
102 + border-left: 10px solid transparent;
103 + border-bottom: 10px solid transparent;
104 + }
105 +
106 + &:before {
107 + right: -11px;
108 + border-left-color: $theme.borderColor;
109 + }
110 +
111 + &:after {
112 + right: -10px;
113 + border-left-color: $theme.backgroundSecondaryColor;
114 + }
115 +}
116 +
99 99  .annotation-box {
100 100   padding: 6px 12px;
101 101  }
... ... @@ -117,9 +117,6 @@
117 117   max-width: 50px;
118 118   max-height: 50px;
119 119  }
120 -* html .annotationAvatar img {
121 - width: 50px;
122 -}
123 123  
124 124  #allAnnotations .annotationAvatar {
125 125   padding-top: 5px;