Fossil

Check-in [268bb73947]
Login

Check-in [268bb73947]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Use CSS flex layout around the /forum editor textarea so that it will shrink and grow to fit the screen. The intent is making it easier to use on a mobile device.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: 268bb7394713e22ee4ab5cf9c1073be6b9d83eaa7f261c612d8c459ac2a32bac
User & Date: stephan 2024-09-07 11:06:47.016
References
2024-09-21
13:31
Apply the form-width change from [268bb73947] and [a767b75e8ffa] to /forume2. ... (check-in: f75f1d60df user: stephan tags: trunk)
2024-09-18
19:14
Revert part of [268bb7394713e22e] so that the Close button on forum posts is not on its own line. Apply the 100% form element width change only to forms on the forumedit page. ... (check-in: a767b75e8f user: stephan tags: trunk)
Context
2024-09-10
06:26
Adapt glob tests to changes from [dc86831179]. ... (check-in: d663a32451 user: florian tags: trunk)
2024-09-07
11:06
Use CSS flex layout around the /forum editor textarea so that it will shrink and grow to fit the screen. The intent is making it easier to use on a mobile device. ... (check-in: 268bb73947 user: stephan tags: trunk)
10:18
Add socket support to the change log. Add a comment about why the 'diff' JS bits now require the 'storage' bits. No functional changes. ... (check-in: 77adf8dba1 user: stephan tags: trunk)
Changes
Unified Diff Ignore Whitespace Patch
Changes to src/default.css.
903
904
905
906
907
908
909







910
911
912
913
914
915
916
  vertical-align: top;
  border-collapse: collapse;
  padding: 1px;
}
div.forum_body p {
  margin-top: 0;
}







td.form_label {
  vertical-align: top;
  text-align: right;
}
.debug {
  background-color: #ffc;
  border: 2px solid #ff0;







>
>
>
>
>
>
>







903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
  vertical-align: top;
  border-collapse: collapse;
  padding: 1px;
}
div.forum_body p {
  margin-top: 0;
}
div.forum-editor-widget{
  display: flex;
  flex-direction: column;
}
div.forum-editor-widget > textarea {
  max-width: initial;
}
td.form_label {
  vertical-align: top;
  text-align: right;
}
.debug {
  background-color: #ffc;
  border: 2px solid #ff0;
964
965
966
967
968
969
970

971
972



973
974
975
976
977
978
979
  padding: 0.25em;
}
div.forumpost-single-controls {
  /* UI controls along the bottom of a single post
  ** in the thread view. */
}
.forum div > form {

  margin: 0.5em 0;
  display: inline-block;



}
.forum-post-collapser {
  /* Common style for the bottom-of-post and right-of-post
     expand/collapse widgets. */
  font-size: 0.8em;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);







>

|
>
>
>







971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
  padding: 0.25em;
}
div.forumpost-single-controls {
  /* UI controls along the bottom of a single post
  ** in the thread view. */
}
.forum div > form {
  width: 100%;
  margin: 0.5em 0;
  display: block;
}
.forum div > form > * {
  margin-bottom: 0.35em;
}
.forum-post-collapser {
  /* Common style for the bottom-of-post and right-of-post
     expand/collapse widgets. */
  font-size: 0.8em;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
Changes to src/forum.c.
1395
1396
1397
1398
1399
1400
1401

1402
1403
1404
1405
1406
1407
1408
1409
1410
){
  if( zTitle ){
    @ Title: <input type="input" name="title" value="%h(zTitle)" size="50"
    @ maxlength="125"><br>
  }
  @ %z(href("%R/markup_help"))Markup style</a>:
  mimetype_option_menu(zMimetype, "mimetype");

  @ <br><textarea aria-label="Content:" name="content" class="wikiedit" \
  @ cols="80" rows="25" wrap="virtual">%h(zContent)</textarea><br>
}

/*
** WEBPAGE: forumpost_close hidden
** WEBPAGE: forumpost_reopen hidden
**
**   fpid=X        Hash of the post to be edited.  REQUIRED







>
|
|







1395
1396
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
){
  if( zTitle ){
    @ Title: <input type="input" name="title" value="%h(zTitle)" size="50"
    @ maxlength="125"><br>
  }
  @ %z(href("%R/markup_help"))Markup style</a>:
  mimetype_option_menu(zMimetype, "mimetype");
  @ <div class="forum-editor-widget">
  @ <textarea aria-label="Content:" name="content" class="wikiedit" \
  @ cols="80" rows="25" wrap="virtual">%h(zContent)</textarea></div>
}

/*
** WEBPAGE: forumpost_close hidden
** WEBPAGE: forumpost_reopen hidden
**
**   fpid=X        Hash of the post to be edited.  REQUIRED