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

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

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

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -65,7 +65,8 @@
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 - {{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"/}}
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"/}}
69 69   #end
70 70   )))
71 71   ##########
XWiki.StyleSheetExtension[0]
Код
... ... @@ -1,58 +1,50 @@
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 {
9 +#avatar p {
10 + text-align: center;
11 +}
10 10  
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 - }
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%;
28 28  }
29 29  
30 -.profile-menu .category-tab:before {
22 +.profile-menu .category-tab:before{
31 31   float: left;
32 32   margin: 5px 0 0 5px;
33 33  }
34 34  
35 -.profile-menu .user-menu-profile:before {
27 +.profile-menu .user-menu-profile:before{
36 36   content: url("$xwiki.getSkinFile('icons/silk/vcard.png')");
37 37  }
38 38  
39 -.profile-menu .user-menu-preferences:before {
31 +.profile-menu .user-menu-preferences:before{
40 40   content: url("$xwiki.getSkinFile('icons/silk/wrench.png')");
41 41  }
42 42  
43 -.profile-menu .user-menu-watchlist:before {
35 +.profile-menu .user-menu-watchlist:before{
44 44   content: url("$xwiki.getSkinFile('icons/silk/star.png')");
45 45  }
46 46  
47 -.profile-menu .user-menu-network:before {
39 +.profile-menu .user-menu-network:before{
48 48   content: url("$xwiki.getSkinFile('icons/silk/group.png')");
49 49  }
50 50  
51 -.profile-menu .user-menu-dashboard:before {
43 +.profile-menu .user-menu-dashboard:before{
52 52   content: url("$xwiki.getSkinFile('icons/silk/application_view_tile.png')");
53 53  }
54 54  
55 -.profile-menu .user-menu-wikis:before {
47 +.profile-menu .user-menu-wikis:before{
56 56   content: url("$xwiki.getSkinFile('icons/silk/chart_organisation.png')");
57 57  }
58 58  
... ... @@ -71,12 +71,12 @@
71 71   background-position: 7px 50%,top center;
72 72  }
73 73  
74 -.user-menu-title a:hover {
66 +.user-menu-title a:hover{
75 75   color: $theme.panelHeaderTextColor !important;
76 76  }
77 77  
78 78  /* ----- Page content ---- */
79 -#user-page-content {
71 +#user-page-content{
80 80   margin-left: 14em;
81 81  }
82 82  
... ... @@ -104,7 +104,7 @@
104 104  
105 105  /* ----- Profile ----- */
106 106  td.recentChangesLeft, .recentChangesMoreActions {
107 - display: none;
99 + display:none;
108 108  }
109 109  
110 110  td.recentChangesRight {
... ... @@ -142,10 +142,25 @@
142 142  }
143 143  
144 144  div.editProfileCategory {
145 - float: right;
137 + float:right;
146 146  }
147 147  
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 +}
148 148  
155 +
149 149  /* Watchlist */
150 150  
151 151  #watchlistRssLink {
... ... @@ -155,9 +155,9 @@
155 155  }
156 156  
157 157  span#avatarUpload {
158 - display: block;
159 - width: $tabswidth;
160 - position: absolute;
165 + display:block;
166 + width:$tabswidth;
167 + position:absolute;
161 161   font-size: 10px;
162 162   font-weight: bold;
163 163   background-color: white;
... ... @@ -172,72 +172,59 @@
172 172   margin: 0;
173 173   padding: 0;
174 174  }
175 -
176 176  #networkPane .following li {
177 177   padding: 2px 20px 2px 2px;
178 178  }
179 -
180 180  #networkPane .following li:hover {
181 181   background-color: $theme.highlightColor;
182 182  }
183 -
184 184  #networkPane .following img {
185 185   float: left;
186 186   margin-right: 5px;
187 187  }
188 -
189 189  #networkPane .following .user-info {
190 190   float: left;
191 191  }
192 -
193 193  #networkPane .following .user-id {
194 194   font-size: .8em;
195 195   font-weight: 900;
196 196  }
197 -
198 198  #networkPane .following .unfollow {
199 199   float: right;
200 200   margin-right: -16px;
201 201   padding: 0;
202 202  }
203 -
204 204  ## --------------------------------------
205 205  ## Picker style
206 -
207 -#user-menu-col .attachment-picker {
206 +.attachment-picker {
208 208   position: relative;
209 209   margin: auto;
210 210   width: 100%;
211 211  }
212 -
213 -#user-menu-col .attachment-picker p {
211 +.attachment-picker p {
214 214   padding: 0;
215 215   margin: 0;
216 216  }
217 217  
218 -#user-menu-col .attachment-picker .picture {
216 +.attachment-picker .picture {
219 219   z-index: -1;
220 220  }
221 -
222 -#user-menu-col .attachment-picker .buttonwrapper {
219 +.attachment-picker .buttonwrapper {
223 223   margin: 0;
224 224  }
225 225  
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 - }
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;
241 241  }
242 242  
243 243  ## --------------------------------------