Fix: <detail> HTML elements clickable area too wide. (#11666)

* Fix: Details element wide clickable area

* LogoutDialog-test.tsx snapshot updated

* Fixed open state clickable area for dropdowns

* Advanced changed to advanced

---------

Co-authored-by: Manan Sadana <manan.sadana@cnhteam.onmicrosoft.com>
Co-authored-by: Florian Duros <florianduros@element.io>
This commit is contained in:
Manan Sadana
2023-10-12 08:50:49 +00:00
committed by GitHub
co-authored by Manan Sadana Florian Duros
parent 3a025c4b21
commit 7dc40e6613
14 changed files with 56 additions and 23 deletions
@@ -38,3 +38,7 @@ limitations under the License.
margin-inline-end: 10px;
}
}
.mx_CrossSigningPanel_advanced {
width: fit-content;
}
@@ -46,3 +46,7 @@ limitations under the License.
}
}
}
.mx_SecureBackupPanel_advanced {
width: fit-content;
}
@@ -15,17 +15,6 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_HelpUserSettingsTab {
code {
word-break: break-all;
user-select: all;
}
details {
margin: $spacing-16 auto;
summary {
margin-bottom: $spacing-16;
}
}
.mx_HelpUserSettingsTab_accessTokenDetails {
width: fit-content;
}