Changes for page Style

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

From 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]
To version 1.1
edited by Drunk Monkey
on 2020-04-11 15:51
Change comment: Install extension [org.xwiki.platform:xwiki-platform-annotation-ui/12.2.1]

Summary

Details

Page properties
Enforce required rights
... ... @@ -1,1 +1,1 @@
1 -true
1 +false
XWiki.RequiredRightClass[0]
Level
... ... @@ -1,1 +1,1 @@
1 -wiki_admin
1 +programming
XWiki.StyleSheetExtension[0]
Code
... ... @@ -44,17 +44,21 @@
44 44  
45 45  /* Annotations displayed in the text */
46 46  .annotation-highlight {
47 - background-color: #FE9;
47 + background-color: #FE9; ## $theme.highlightColor;
48 48  }
49 -
49 +## In velocity comment: settings for using the larger images from silk
50 50  .annotation-marker {
51 + ##background: transparent #imgURL('note') no-repeat left top;
51 51   background: transparent #attImgURL('notesmall') no-repeat left top;
52 52   display: inline-block;
54 + ##height: 16px;
53 53   height: 10px;
54 54   overflow: hidden;
55 55   text-indent: -9999px;
58 + ##width: 16px;
56 56   width: 10px;
57 57   vertical-align: baseline;
61 + ##margin: -19px -14px 3px -2px;
58 58   margin: -15px -7px 5px -3px;
59 59   z-index: 1;
60 60   position: relative;
... ... @@ -65,7 +65,7 @@
65 65  .annotation-bubble {
66 66   background: $theme.backgroundSecondaryColor;
67 67   border: 1px dotted $theme.borderColor;
68 - width: 560px;
72 + width: 280px;
69 69   position: absolute;
70 70   z-index: 2;
71 71   border-radius: 0 10px 10px 10px;
... ... @@ -92,28 +92,6 @@
92 92   border-right-color: $theme.backgroundSecondaryColor;
93 93  }
94 94  
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 -
117 117  .annotation-box {
118 118   padding: 6px 12px;
119 119  }
... ... @@ -135,6 +135,9 @@
135 135   max-width: 50px;
136 136   max-height: 50px;
137 137  }
120 +* html .annotationAvatar img {
121 + width: 50px;
122 +}
138 138  
139 139  #allAnnotations .annotationAvatar {
140 140   padding-top: 5px;