Изменения документа Профиль пользователя XWikiUserSheet

Редактировал(а) Dmitriy Rybakov 20.06.2025

От версии 2.1
отредактировано Dmitriy Rybakov
на 04.10.2024
Изменить комментарий: Install extension [org.xwiki.platform:xwiki-platform-user-profile-ui/15.10.12]
К версии 3.1
отредактировано Dmitriy Rybakov
на 20.06.2025
Изменить комментарий: Install extension [org.xwiki.platform:xwiki-platform-user-profile-ui/16.10.8]

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -65,8 +65,7 @@
65 65   ## By specifying the image width we enable server side resizing. The width value we use is greater than the
66 66   ## available space because we don't want to loose too much of the image quality (we rely on the browser to fit the
67 67   ## image in the available space).
68 - #set($isMyProfile = ($services.model.resolveDocument($xcontext.user) == $doc.documentReference))
69 - {{attachmentSelector classname="XWiki.XWikiUsers" object="$obj.number" property="avatar" #if ($isMyProfile) savemode="direct" #end defaultValue="XWiki.XWikiUserSheet@noavatar.png" width="180" alternateText="$xwiki.getUserName($doc.fullName, false)" buttontext="$services.localization.render('platform.core.profile.changePhoto')" displayImage="true" filter="png,jpg,jpeg,gif"/}}
68 + {{attachmentSelector classname="XWiki.XWikiUsers" object="$obj.number" property="avatar" #if ($hasEdit) savemode="direct" #end defaultValue="XWiki.XWikiUserSheet@noavatar.png" width="180" alternateText="$xwiki.getUserName($doc.fullName, false)" buttontext="$services.localization.render('platform.core.profile.changePhoto')" displayImage="true" filter="png,jpg,jpeg,gif"/}}
70 70   #end
71 71   )))
72 72   ##########
XWiki.StyleSheetExtension[0]
Код
... ... @@ -1,50 +1,58 @@
1 1  #template("colorThemeInit.vm")
2 2  #set($tabswidth = "130px")
3 3  /* ----- User menu ----- */
4 -#user-menu-col{
4 +#user-menu-col {
5 5   float: left;
6 6   width: 13em;
7 7  }
8 8  
9 -#avatar p {
10 - text-align: center;
11 -}
9 +#avatar {
12 12  
13 -#avatar img {
14 - border: 1px solid $theme.borderColor;
15 - border-radius: 8px 8px 8px 8px;
16 - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
17 - margin: 0 auto;
18 - padding: 0.3em;
19 - width: 95%;
11 + p {
12 + text-align: center;
13 + }
14 +
15 + img {
16 + border-top: @border-width solid @list-group-border;
17 + border-left: @border-width solid @list-group-border;
18 + border-right: @border-width solid @list-group-border;
19 + border-bottom: 0;
20 + border-radius: @border-radius-base @border-radius-base 0 0;
21 + margin: 0 auto;
22 + }
23 +
24 + .attachment-picker {
25 + border-radius: @border-radius-base;
26 + padding: @border-width;
27 + }
20 20  }
21 21  
22 -.profile-menu .category-tab:before{
30 +.profile-menu .category-tab:before {
23 23   float: left;
24 24   margin: 5px 0 0 5px;
25 25  }
26 26  
27 -.profile-menu .user-menu-profile:before{
35 +.profile-menu .user-menu-profile:before {
28 28   content: url("$xwiki.getSkinFile('icons/silk/vcard.png')");
29 29  }
30 30  
31 -.profile-menu .user-menu-preferences:before{
39 +.profile-menu .user-menu-preferences:before {
32 32   content: url("$xwiki.getSkinFile('icons/silk/wrench.png')");
33 33  }
34 34  
35 -.profile-menu .user-menu-watchlist:before{
43 +.profile-menu .user-menu-watchlist:before {
36 36   content: url("$xwiki.getSkinFile('icons/silk/star.png')");
37 37  }
38 38  
39 -.profile-menu .user-menu-network:before{
47 +.profile-menu .user-menu-network:before {
40 40   content: url("$xwiki.getSkinFile('icons/silk/group.png')");
41 41  }
42 42  
43 -.profile-menu .user-menu-dashboard:before{
51 +.profile-menu .user-menu-dashboard:before {
44 44   content: url("$xwiki.getSkinFile('icons/silk/application_view_tile.png')");
45 45  }
46 46  
47 -.profile-menu .user-menu-wikis:before{
55 +.profile-menu .user-menu-wikis:before {
48 48   content: url("$xwiki.getSkinFile('icons/silk/chart_organisation.png')");
49 49  }
50 50  
... ... @@ -63,12 +63,12 @@
63 63   background-position: 7px 50%,top center;
64 64  }
65 65  
66 -.user-menu-title a:hover{
74 +.user-menu-title a:hover {
67 67   color: $theme.panelHeaderTextColor !important;
68 68  }
69 69  
70 70  /* ----- Page content ---- */
71 -#user-page-content{
79 +#user-page-content {
72 72   margin-left: 14em;
73 73  }
74 74  
... ... @@ -96,7 +96,7 @@
96 96  
97 97  /* ----- Profile ----- */
98 98  td.recentChangesLeft, .recentChangesMoreActions {
99 - display:none;
107 + display: none;
100 100  }
101 101  
102 102  td.recentChangesRight {
... ... @@ -134,25 +134,10 @@
134 134  }
135 135  
136 136  div.editProfileCategory {
137 - float:right;
145 + float: right;
138 138  }
139 139  
140 -div.editProfileCategory {
141 - float:right;
142 - a.btn-xs {
143 - background-color: @xwiki-page-content-bg;
144 - border: 1px solid @xwiki-border-color;
145 - .action-icon {
146 - font-size: larger;
147 - color: @btn-default-color;
148 - }
149 - &:hover, &:active, &:focus {
150 - border-color: darken(@dropdown-divider-bg, 10%);
151 - }
152 - }
153 -}
154 154  
155 -
156 156  /* Watchlist */
157 157  
158 158  #watchlistRssLink {
... ... @@ -162,9 +162,9 @@
162 162  }
163 163  
164 164  span#avatarUpload {
165 - display:block;
166 - width:$tabswidth;
167 - position:absolute;
158 + display: block;
159 + width: $tabswidth;
160 + position: absolute;
168 168   font-size: 10px;
169 169   font-weight: bold;
170 170   background-color: white;
... ... @@ -179,59 +179,72 @@
179 179   margin: 0;
180 180   padding: 0;
181 181  }
175 +
182 182  #networkPane .following li {
183 183   padding: 2px 20px 2px 2px;
184 184  }
179 +
185 185  #networkPane .following li:hover {
186 186   background-color: $theme.highlightColor;
187 187  }
183 +
188 188  #networkPane .following img {
189 189   float: left;
190 190   margin-right: 5px;
191 191  }
188 +
192 192  #networkPane .following .user-info {
193 193   float: left;
194 194  }
192 +
195 195  #networkPane .following .user-id {
196 196   font-size: .8em;
197 197   font-weight: 900;
198 198  }
197 +
199 199  #networkPane .following .unfollow {
200 200   float: right;
201 201   margin-right: -16px;
202 202   padding: 0;
203 203  }
203 +
204 204  ## --------------------------------------
205 205  ## Picker style
206 -.attachment-picker {
206 +
207 +#user-menu-col .attachment-picker {
207 207   position: relative;
208 208   margin: auto;
209 209   width: 100%;
210 210  }
211 -.attachment-picker p {
212 +
213 +#user-menu-col .attachment-picker p {
212 212   padding: 0;
213 213   margin: 0;
214 214  }
215 215  
216 -.attachment-picker .picture {
218 +#user-menu-col .attachment-picker .picture {
217 217   z-index: -1;
218 218  }
219 -.attachment-picker .buttonwrapper {
221 +
222 +#user-menu-col .attachment-picker .buttonwrapper {
220 220   margin: 0;
221 221  }
222 222  
223 -.attachment-picker-start {
224 - background: url("$xwiki.getSkinFile('icons/silk/picture_edit.png')") no-repeat center center $theme.pageContentBackgroundColor !important;
225 - border: 0 none !important;
226 - border-bottom-left-radius: 8px;
227 - height: 18px;
228 - position: absolute;
229 - right: 0;
230 - text-align: left;
231 - text-indent: -9999px;
232 - top: 1px;
233 - width: 18px !important;
234 - z-index: 1;
226 +#user-menu-col .attachment-picker {
227 + .buttonwrapper {
228 + .wikilink {
229 + display: flex;
230 + flex-flow: column;
231 + }
232 +
233 + a.button {
234 + .btn;
235 + .btn-default;
236 + border-radius: 0 0 @border-radius-base @border-radius-base;
237 + flex-grow: 1;
238 + margin: 0;
239 + }
240 + }
235 235  }
236 236  
237 237  ## --------------------------------------