diff options
author | Carl Schwan <carl@carlschwan.eu> | 2022-11-03 14:04:19 +0100 |
---|---|---|
committer | Carl Schwan <carl@carlschwan.eu> | 2022-11-21 16:29:04 +0100 |
commit | d847eacfbde90a2d4532f9c541d427be17b078bd (patch) | |
tree | efae124501254254430c3944d135faa364c6e251 /apps/settings/templates | |
parent | 86d9626901b619223eda77aeb2f2197c8c65da69 (diff) | |
download | nextcloud-server-d847eacfbde90a2d4532f9c541d427be17b078bd.tar.gz nextcloud-server-d847eacfbde90a2d4532f9c541d427be17b078bd.zip |
Refactor profile info settings
- Make it possible to add the new property whiout chaning foundamentally
how the layout work each time
- Use only one grid instead of multiple nested grid
- Better mobile reponsiveness
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
Diffstat (limited to 'apps/settings/templates')
-rw-r--r-- | apps/settings/templates/settings/personal/personal.info.php | 94 |
1 files changed, 45 insertions, 49 deletions
diff --git a/apps/settings/templates/settings/personal/personal.info.php b/apps/settings/templates/settings/personal/personal.info.php index b0cda9507a0..1657b67b6dd 100644 --- a/apps/settings/templates/settings/personal/personal.info.php +++ b/apps/settings/templates/settings/personal/personal.info.php @@ -45,67 +45,63 @@ script('settings', [ <div id="personal-settings"> <h2 class="hidden-visually"><?php p($l->t('Personal info')); ?></h2> - <div id="personal-settings-avatar-container" class="personal-settings-container"> - <div id="vue-avatar-section"></div> - <div class="personal-settings-setting-box personal-settings-group-box section"> - <div id="vue-details-section"></div> - </div> - </div> - - <div class="personal-settings-container"> - <div class="personal-settings-setting-box"> - <div id="vue-displayname-section"></div> + <div id="vue-avatar-section"></div> + <?php if ($_['profileEnabledGlobally']) : ?> + <div class="personal-settings-setting-box personal-settings-setting-box-profile"> + <div id="vue-profile-section"></div> </div> - <div class="personal-settings-setting-box"> - <div id="vue-email-section"></div> + <div class="personal-settings-setting-box personal-settings-setting-box-detail"> + <div id="vue-details-section"></div> </div> - <?php if ($_['profileEnabledGlobally']) : ?> - <div class="personal-settings-setting-box"> - <div id="vue-profile-section"></div> - </div> - <?php endif; ?> - <div class="personal-settings-setting-box"> - <div id="vue-phone-section"></div> + <?php else: ?> + <div class="personal-settings-setting-box personal-settings-setting-box-detail--without-profile"> + <div id="vue-details-section"></div> </div> + <?php endif; ?> + <div class="personal-settings-setting-box"> + <div id="vue-displayname-section"></div> + </div> + <div class="personal-settings-setting-box"> + <div id="vue-email-section"></div> + </div> + <div class="personal-settings-setting-box"> + <div id="vue-phone-section"></div> + </div> + <div class="personal-settings-setting-box"> + <div id="vue-location-section"></div> + </div> + <div class="personal-settings-setting-box personal-settings-language-box"> + <div id="vue-language-section"></div> + </div> + <div class="personal-settings-setting-box personal-settings-locale-box"> + <div id="vue-locale-section"></div> + </div> + <div class="personal-settings-setting-box"> + <div id="vue-website-section"></div> + </div> + <div class="personal-settings-setting-box"> + <div id="vue-twitter-section"></div> + </div> + <div class="personal-settings-setting-box"> + <div id="vue-mastodon-section"></div> + </div> + <?php if ($_['profileEnabledGlobally']) : ?> <div class="personal-settings-setting-box"> - <div id="vue-location-section"></div> + <div id="vue-organisation-section"></div> </div> <div class="personal-settings-setting-box"> - <div id="vue-website-section"></div> + <div id="vue-role-section"></div> </div> <div class="personal-settings-setting-box"> - <div id="vue-twitter-section"></div> + <div id="vue-headline-section"></div> </div> <div class="personal-settings-setting-box"> - <div id="vue-mastodon-section"></div> + <div id="vue-biography-section"></div> </div> - <?php if ($_['profileEnabledGlobally']) : ?> - <div class="personal-settings-setting-box"> - <div id="vue-organisation-section"></div> - </div> - <div class="personal-settings-setting-box"> - <div id="vue-role-section"></div> - </div> - <div class="personal-settings-setting-box"> - <div id="vue-headline-section"></div> - </div> - <div class="personal-settings-setting-box"> - <div id="vue-biography-section"></div> - </div> - <?php endif; ?> - <div class="personal-settings-setting-box personal-settings-language-box"> - <div id="vue-language-section"></div> - </div> - <div class="personal-settings-setting-box personal-settings-locale-box"> - <div id="vue-locale-section"></div> - </div> - <span class="msg"></span> - </div> - - <div id="personal-settings-group-container"> - - </div> + <?php endif; ?> + <span class="msg"></span> + <div id="personal-settings-group-container"></div> </div> <?php if ($_['profileEnabledGlobally']) : ?> |