Kerry
b174cc8963
Use semantic heading on dialog component ( #7383 )
...
* use semantic heading on dialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* tidy styles
Signed-off-by: Kerry Archibald <kerrya@element.io>
* un-flex text centering
Signed-off-by: Kerry Archibald <kerrya@element.io>
2021-12-15 17:05:58 +01:00
Kerry
2e3f225520
Put room settings form elements in fieldsets ( #7311 )
...
* override default fieldset styles
Signed-off-by: Kerry Archibald <kerrya@element.io>
* SettingsFieldset component
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test settings fieldset
Signed-off-by: Kerry Archibald <kerrya@element.io>
* refactor SettingsFlag styles
* use SettingsFieldset in room > securit settings
* use fieldset in urlpreviewsettings
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use SettingsFieldset in AliasSettings
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fieldset in room > roles settings
Signed-off-by: Kerry Archibald <kerrya@element.io>
* css lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* run i18n
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fussy order
Signed-off-by: Kerry Archibald <kerrya@element.io>
* default export
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix copyright headers
Signed-off-by: Kerry Archibald <kerrya@element.io>
2021-12-09 18:44:22 +01:00
Michael Telatynski
90bb7c1482
Switch Space Settings for a tabbed view with a bunch more settings exposed
2021-06-08 16:33:47 +01:00
J. Ryan Stinnett
43ea5de320
Adjust Settings styles
2020-10-07 20:23:34 +01:00
David Baker
acdcf6639e
Put width / height first in css
2019-04-08 19:11:04 +01:00
David Baker
670f6e4f99
Simplify settings dialog CSS
...
Stop the settings dialogs from requiring special styles on the
mx_Dialog which required passing in a classname from anywhere the
settings dialogs were opened (although this still requires
static=true). Some of the things have now been adopted for all dialogs
(border-radius), others have been moved to within the dialog content.
2019-04-08 16:48:42 +01:00
David Baker
7b5658e3b1
Fix CSS silliness
...
Meant to replace the existing block rather than add another one
with the same name! Also meant vw rather than width.
2019-04-08 14:21:12 +01:00
David Baker
833b46d040
Move SettingsDialog width override to fixedWidth
...
Move the width overrides to the container so it's the same thing
dictating its size as the rest of the dialogs
2019-04-08 14:17:18 +01:00
David Baker
c87c4ef5a4
Fix settings dialog layout
...
The close 'x' was ending up off the right hand side which made
everything else overlap with the left panel, depending on how wide
your window was.
This isn't the end of the dialog problems but it will at least stop
settings from being mangled on develop.
2019-04-08 11:56:08 +01:00
David Baker
0a61d05ba2
Make fixed width dialogs actually fixed width again
...
Settings overrode that to be larger, so do the corresponding
override for the other part.
2019-04-03 17:53:38 +01:00
David Baker
7925e7169a
Design tweaks to dialogs
...
Little bit of a mix of things in this one:
* Support variable-width dialogs. Default is fixed-width as before,
only UploadConformDialog is variable-width. Controlled by a prop
to BaseDialog.
* Fixes to the cancel 'x' - scale the mask image, tweak size & colour
* Colour & boldness of dialog titles
* Align the dialog title & cancel 'x'
* Remove gap between dialog buttons & right hand side of dialog(!)
* Round corners on dialogs
* Add grey border on image preview in upload confirm dialog
* and, squeezing in slightly randomly, finish the partially renamed
ChatInviteDialog to AddressPickerDialog.
2019-04-03 16:27:45 +01:00
Travis Ralston
60950b258a
Scale up settings UI to be easier to read
...
Part of https://github.com/vector-im/riot-web/issues/8207
2019-02-08 15:23:14 -07:00
Travis Ralston
b68ee8ac6a
Set a minimum width on the settings tab content
...
This prevents random controls from squishing themselves, at sacrifice of scrollbars and not-responsiveness.
2019-02-01 11:43:42 -07:00
Travis Ralston
b12b731781
Minor CSS tweaks
2019-01-31 21:20:30 -07:00
Travis Ralston
4036e52c24
Fixed settings dialog header; Adjust padding on dialog
...
Some recent changes to dialogs changed how this works and altered the look of the settings dialogs. This fixes that and makes it so that the header and content scroll independently.
Fixes https://github.com/vector-im/riot-web/issues/8329
Fixes https://github.com/vector-im/riot-web/issues/8328
2019-01-31 15:52:22 -07:00
Travis Ralston
5dc75e2d3c
Have the settings dialog be fixed in size
...
This also brings out some classes that aren't solely applicable to the user settings and will be applicable to the room settings as well.
2019-01-24 19:12:09 -07:00