Изменения документа Профиль пользователя XWikiUserSheet
Редактировал(а) Dmitriy Rybakov 20.06.2025
От версии 2.1
отредактировано Dmitriy Rybakov
на 04.10.2024
на 04.10.2024
Изменить комментарий:
Install extension [org.xwiki.platform:xwiki-platform-user-profile-ui/15.10.12]
К версии 3.1
отредактировано Dmitriy Rybakov
на 20.06.2025
на 20.06.2025
Изменить комментарий:
Install extension [org.xwiki.platform:xwiki-platform-user-profile-ui/16.10.8]
Сводка
-
Свойства страницы (1 изменено, 0 добавлено, 0 удалено)
-
Объекты (1 изменено, 0 добавлено, 0 удалено)
Подробности
- Свойства страницы
-
- Содержимое
-
... ... @@ -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 ## --------------------------------------