32 commits

Author	SHA1	Message	Date
Matthew Hodgson	e0076c9f12	stop the bottom edge of buttons getting clipped in devtools (#8400)	2022-04-24 18:35:01 -04:00
Michael Telatynski	306ddd51e4	Refactor all of Devtools and tidy it up (#8097)	2022-03-23 20:17:57 +00:00
Michael Telatynski	8d3c2eddd6	Improve styling of edge case devtools state keys (#7794)	2022-02-14 23:37:45 +00:00
Kerry	fed53a268b	A11y - fix anchors-as-buttons (#7444) ... * add link_inline accessiblebutton variant * valid anchors in SecurityRoomSettingsTab Signed-off-by: Kerry Archibald <kerrya@element.io> * new room intro link button Signed-off-by: Kerry Archibald <kerrya@element.io> * replace anchor with button in rerequest encryption keys message Signed-off-by: Kerry Archibald <kerrya@element.io> * inline button in UrlPreviewSettings Signed-off-by: Kerry Archibald <kerrya@element.io> * ButtonResetDefault mixin Signed-off-by: Kerry Archibald <kerrya@element.io> * inline link buttons in TextForEvent Signed-off-by: Kerry Archibald <kerrya@element.io> * fix anchors in InviteDialog Signed-off-by: Kerry Archibald <kerrya@element.io> * fix anchors in DevToolsDialog Signed-off-by: Kerry Archibald <kerrya@element.io> * fix anchors in login/registration/reset pword flows Signed-off-by: Kerry Archibald <kerrya@element.io> * fix types after fixing anchors in devtools Signed-off-by: Kerry Archibald <kerrya@element.io> * fix anchors in MemberEventListSummary Signed-off-by: Kerry Archibald <kerrya@element.io> * fix anchors in ReactionsRow and RoomUpgrade Signed-off-by: Kerry Archibald <kerrya@element.io> * fix anchors in ReplyChain Signed-off-by: Kerry Archibald <kerrya@element.io> * fix more anchors Signed-off-by: Kerry Archibald <kerrya@element.io> * fix anchors in auth comps * stylelint fixes Signed-off-by: Kerry Archibald <kerrya@element.io> * remove ignore of jsx-a11y rule that is not added yet Signed-off-by: Kerry Archibald <kerrya@element.io> * devtools style important explainer Signed-off-by: Kerry Archibald <kerrya@element.io> * translate button alt in devtools dialog Signed-off-by: Kerry Archibald <kerrya@element.io> * AccessibleButton is reactionsrow Signed-off-by: Kerry Archibald <kerrya@element.io> * fix viewsourcevent button placement, use AccessibleButton Signed-off-by: Kerry Archibald <kerrya@element.io> * use AccessibleButton in EventTile Signed-off-by: Kerry Archibald <kerrya@element.io> * unignore jsx-a11y/anchor-is-valid Signed-off-by: Kerry Archibald <kerrya@element.io> * fix lint issue in test jsx Signed-off-by: Kerry Archibald <kerrya@element.io> * update coment Signed-off-by: Kerry Archibald <kerrya@element.io>	2022-01-07 10:40:53 +01:00
Šimon Brandner	9abb2f5ff4	Color cleanup 8 (#7108) ... * $accent-color -> $accent Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com> * Remove $accent-bg-color Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com> * $notice-primary-color -> $alert Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com> * Remove $notice-primary-bg-color Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com> * Remove $accent-50pct Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com> * $warning-color -> $alert Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com> * Remove $accent-darker Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com> * Remove $orange-warning-color Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com> * Remove $warning-bg-color Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com> * Remove $info-bg-color Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>	2021-11-11 13:37:29 +00:00
Šimon Brandner	ffc6f96d45	Remove explicitly set font-family ... Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>	2021-06-26 09:12:45 +02:00
Šimon Brandner	fbe3eb7726	Remove unused class ... Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>	2021-06-26 09:00:42 +02:00
Travis Ralston	10b0051c02	Appease the linter	2021-02-18 15:30:03 -07:00
Travis Ralston	52c73a7a58	Add developer tool to explore and edit settings	2021-02-18 14:56:19 -07:00
Jorik Schellekens	6cf9166c4a	Use variables for the rem values. ... It's become obvious that these random floating points everywhere are unwieldy. Now they're all in one place with some fairly logical variable names which will help out in design->implementation phase.	2020-03-31 15:26:23 +01:00
Jorik Schellekens	da34e6241d	Make all 'font-size's and 'line-height's rem ... Font size of the whole app would ideally be controlled by a single value. This value is currently hard coded using the :root CSS selector. It is the intention to make this value configurable within riot. In the interim all font-sizes have been converted to rem by the simple process of regex. Replacing px values with their equivalent rem values assuming a font size of 15px and then rounded to three decimal places, which was the base at the time of this transformation. I'm expecting another commit cleaning up rem values but I thought it best to leave that to review. This commit doesn't address any scaling issues. I thought it better to land this unwieldy, mechanical, invisible change before the others otherwise the pr would be impossible to review thoroughly.	2020-03-30 18:23:46 +01:00
Zoe	0663ab3b87	lint, and detect new requests	2020-02-24 10:17:33 +00:00
Zoe	72789897a0	Quick n dirty verificatio request viewer in devtools	2020-02-21 17:15:53 +00:00
J. Ryan Stinnett	2a5dc9bfac	Remove lint comments about no-descending-specificity ... We have disabled the `no-descending-specificity` stylelint rule, so we no longer need these block comments.	2019-11-08 16:35:42 +00:00
J. Ryan Stinnett	ca1e5bb3ae	Comment disabled rules	2019-07-11 09:30:01 +01:00
J. Ryan Stinnett	38d6953bf6	Manually fix remaining stylelint issues	2019-07-10 16:56:40 +01:00
J. Ryan Stinnett	dd2079bffc	Auto-fix stylelint issues ... These `stylelint` issues were autofixed by the tool itself and look sane to me.	2019-07-10 16:56:40 +01:00
Michael Telatynski	804a0c8507	Fix weird scrollbar when devtools is in a narrow browser ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-06-27 18:56:22 +01:00
Michael Telatynski	1090b7d912	Use flex: 1 for mx_Field to replace all the calc(100% - 20px) and more ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-06-13 23:48:47 +01:00
Michael Telatynski	d7c6869188	Apply Flex voodoo ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-05-16 21:55:17 +01:00
Michael Telatynski	cd5a460b2b	Iterate PR based on feedback ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-05-09 22:30:45 +01:00
Michael Telatynski	5771406dd7	Add View Servers in Room to Devtools ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-03-18 23:21:21 +00:00
Michael Telatynski	56d58f8600	make better use of space ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-02-25 22:38:33 +00:00
Michael Telatynski	5bdd61111d	Fix textareas ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-02-25 22:12:06 +00:00
J. Ryan Stinnett	9a7a8da6c0	Use font-family from theme in all components	2019-01-17 21:50:45 -06:00
J. Ryan Stinnett	2dc335798d	Repair DevTools button padding by centralizing styles ... This moves the padding styles for dialog content to the .mx_Dialog rule. In addition, it fixes vector-im/riot-web#7548 where the DevTools buttons had double padding. Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>	2018-10-26 14:15:46 +02:00
Travis Ralston	9582c1e65a	Move all dialog buttons to the right and fix their order ... Fixes https://github.com/vector-im/riot-web/issues/5689 Some dialogs had their own CSS that prevented the buttons from being placed in the right spot. This has been fixed by using a generic standard for the buttons. The only strange dialog that needed more CSS was the devtools dialog due to the header. Not all dialogs have been checked - I spot-checked about half of them and verified the CSS manually on an established account. It's hard to get at all the dialogs without convoluted testing.	2018-10-19 15:33:23 -06:00
Richard Lewis	7da51f2bd4	Remove max-width restriction (no longer makes sense).	2018-05-23 18:40:48 +01:00
Richard Lewis	7db31835b4	Remove unused / misspelt class.	2018-05-23 18:24:52 +01:00
Richard Lewis	2a9859c7b6	Styling for consistency.	2018-05-23 17:40:15 +01:00
Richard Lewis	9f9cde12ce	Make devTools styling more consistent and easier to edit event data.	2018-05-23 17:18:33 +01:00
Matthew Hodgson	79d3cca6e9	move components' CSS to be in the same repo as their JS	2018-04-12 00:23:58 +01:00